/* START LRKP CSS fixes */

/* START - New text element implementation LRKP-598 */

.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: #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;
}
div > div > .text--quote-box {
    margin: 20px 0 !important;
}

.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: #242527 !important;
    filter: drop-shadow(0px 5px 8px #ccc);
}

.text--rules-sidebar p:first-child {
    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 text element implementation LRKP-598 */

/* START -  CSS header variables LRKP-669 */
.body-page .p-article-a .p-article-content h1::after {
    background-color: var(--h1-underline, #47D18C);
}
.body-page .p-article-a .p-article-content h2::after {
    background-color: var(--h2-underline, #47D18C);
}
.body-page .p-article-a .p-article-content h3::after {
    background-color: var(--h3-underline, #47D18C);
}
/* END -  CSS header variables LRKP-669 */

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

/* START - Underlines Compendium links LRKP-669 */
.body-page .p-article-a .p-article-content a:not(.ddb-lightbox-outer, h3 > a):hover, 
.body-page .p-article-a .p-article-content a:not(.ddb-lightbox-outer, h3 > a):focus {
    text-decoration: underline;
}
/* END - Underlines Compendium links LRKP-669 */

/* START - Slight adjustments to better accomodate large scores within statblocks LRKP-669 */
.stat-block-ability-scores-stat {
    padding: 10px 0px !important;
}
/* END - Slight adjustments to better accomodate large scores within statblocks LRKP-669 */

/* START - Minor tweak to table heading size LRKP-669 */
th {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
/* END - Minor tweak to table heading size LRKP-669 */

/* START - Makes flex work nicely with vertical statblocks LRKP-669 */
.flexible-double-column .Basic-Text-Frame-2,
.flexible-double-column .Basic-Text-Frame-3 {
    float: none !important;
    margin-top: 10px !important;
    width: auto !important;
}
.flexible-double-column p + .Basic-Text-Frame-2,
.flexible-double-column p + .Basic-Text-Frame-3 {
    float: none !important;
    margin-top: 20px !important;
    width: auto !important;
}
/* END - Makes flex work nicely with vertical statblocks LRKP-669 */

/* START - Provides additional dice columns LRKP-669 */
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 LRKP-669 */

/* START - Animate "back to the top" button LRKP-669 */
.nav-back-to-top {
    transition: transform 200ms,background 200ms;
}
.nav-back-to-top:hover {
    transform: translateY(-3px);
    background-color: #3dbe7e;
}
/* END - Minor tweak to table heading size LRKP-669 */

/* 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 */

/* END LRKP CSS fixes */


/* 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;
}
.body-page .p-article-a .p-article-content caption h3.compendium-hr, .body-page .p-article-a .p-article-content caption h4.compendium-hr, .body-page .p-article-a .p-article-content caption h5.compendium-hr {
    font-size: 16px !important;
    font-weight: 700 !important;
}
.body-page .p-article-a .p-article-content caption h3.compendium-hr::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/12/dragonlance-ddb-banner.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;
  color:#E40812;
  letter-spacing:2px;
  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;
}.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;
}