/*******************************  Cafe Media Site Skin CLS Fix 2021  **************************************/
.adthrive-recipe-5 {
  display:none !important
}

/*******************************  End Cafe Media Site Skin CLS Fix 2021  **************************************/

footer#footer {
    background-color: #18222c;
}

/* fix for zergnet widget */
[id*=zergnet-widget-] {
    clear: both;
}

/* Site fix for Ad skins */
	body.ad-skin #site-main { margin-left: auto; margin-right: auto; }
        .ad-container.ad-container-footer {
           position: relative;
           z-index: 11;
         }
/* Trade Details Fix */
	section.trade-details td.tradable-listing { width:460px !important; }

/* Header fix for site skins */
	.p-header-c .logo>a { left: -10px; }
	.p-forum-a .col-forum, .p-forum-a .col-thread { position: initial;}

/* Fix for upvote and downvote buttons having the proper cursor style - 1/16/2014 */
	.p-comments .b-ratingForm-a .rating-up input.tip, .p-comments .b-ratingForm-a .rating-down input.tip { cursor:pointer !important; }

/* Fix Magic Set Icon on Some Pages */
	.u-icon-mtg_sets { display: block; float:left; vertical-align: middle; margin-right: 4px; }

/* Random Fix */
	.listing-cards-tabular .col-set { text-align:left; }

/* Fix for the debug footer being unclickable */
	#debug { position: relative; z-index: 1000; }
	.p-base-a .p-base-content .b-list-item { padding: 6px 10px; }
	.p-comments-a .p-comment-edited { margin-top: 10px; }

/* 2014-03-07 Temp fix for the logo when a site skin is active. */
	body.ad-skin .p-header-c h1 { margin-left: 10px; }
	body.ad-skin.body-forum .p-header-c h3 { margin-left: auto; }

/* Remove float from mana symbols on page, but keep on spoiler mana. */
	.mana-icon { float:none !important; display:inline-block !important; }
	.t-spoiler-mana .mana-icon { float:left !important; }


/* MTGS-304 Bug Fix :: Adjust /forums/search styling */
#field-search-type-all-container,
#field-search-type-titles-container,
#field-search-type-posts-container,
#field-forum-scope-false-container,
#field-forum-scope-true-container,
#field-display-type-posts-container,
#field-display-type-threads-container { display: inline-block; } 


/* MTGS-579 :: Add padding for posts with data-depth > 2 */
  .p-comment-post[data-depth]{margin-left:80px}


/* Fix: Stop Long Card Names from Covering Mana Cost on Text-Cards */
div.t-spoiler-container > header.t-spoiler-header > h2 {
max-width: 85%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

/* Fix for Spoiler : Bad CSS in Compiled breaks mana icons on spoiled Black Artifact card. Overwrites P>SPAN to black background */
.t-spoiler.card-color-Black.card-type-Artifact p span.mana-t { background: transparent url("https://www.mtgsalvation.com/Content/1-0-286-0/Skins/MTGDark/images/icons/mana/mana-icons-sprite.png") no-repeat 0 -624px !important; }

/* -------- */
/* -------- */

	li.spoil.b-list-item[title]::before { content: attr(title); display: inline; color: #CCCCCC; font-size: 90%; }




/* Vanity Colors and Styles */
	li.administrator{ font-weight:bold; font-style:italic; color:blue; }
	li.technician, li.technical-admin { font-weight:bold; color:purple; }
	li.moderator, li.global-moderator{ font-weight:bold; color:blue; }
	li.banned-ripper{  font-weight:bold;  color:red;  border-bottom: 1px dotted red;  border-top: 1px dotted red; }
	li.world-project-leader, li.mafia-secretary { font-weight:bold; color:purple; }
	li.mtgs-writer, li.mtgs-editor, li.content-manager {  font-weight:bold;  color: #3C6F4C; }
	li.rules-guru, li.mtgs-mafia-council{ font-weight:bold; }
	li.clan-representative{ font-weight:bold; color:brown; }
	li.edh-primer-committee{ font-weight:bold; color:green; }
	.username-role-official-mtg-artist { font-weight:bold !important;  color:#8080AA; }
	li.commander-rules-committee, li.dc-rules-committee, li.dc-regional-coordinator { font-weight:bold !important;  color:#3366FF; }
	li.mtgs-founder { font-weight:bold !important; }
	li.commander-advisory-group { font-weight:bold !important;  color:#77529f; }

/* Post Signature :: Max Size, No Overflow */
	div.p-comments-b .p-comment-post .p-comment-wrapper .p-comment-sig  {max-height: 200px; overflow-y: hidden;}

/* Limit Image size in signatures. */
	.p-comment-sig img {max-height: 150px !important; max-width:600px !important;}

/* Adjust padding to Narrow Nav Items for More Room (Not Needed At the Moment) */
/*	ul.b-list.b-list-a li.b-list-item a { padding-right:15px; padding-left:15px; } */

/* Smiley Modal Fixes : Hidden Tab and Scrolling Fix */
	#smiley-modal li.b-tab-item[data-tab-id="#zhiddensmile"] { visibility: hidden !important; }
	#smiley-modal .b-tab-nav.tabbed-tabs { overflow-y: hidden !important; }
	#smiley-modal li.b-tab-item a { padding:6px !important; }

/* Fixing the HR tag that does not always display Height style correctly */
	hr { height:3px;  }

/* Increasing difference between User and Mod discussion on appeals page */
	#tab-private.b-tab-contentArea { padding-right: 20px; background-image: url("https://media.mtgsalvation.com/attachments/151/80/635929512083240402.gif"); background-position:top right; background-repeat: repeat-y; }
	#tab-public.b-tab-contentArea {  padding-right: 20px; background-image: url("https://media.mtgsalvation.com/attachments/151/81/635929512084959177.gif"); background-position:top right; background-repeat: repeat-y; }

/* Fixing a Chrome bug where a Spoilered list won't show on an Trading Posts expanded view */
	div.tradable-list { overflow:auto !important; overflow-y: scroll !important; }

/* Increase Visibility of Banned User Message */
	li.postability-status { font-weight:bold; color:#FF0000; }
	li.postability-status::before { display:block; content: "Banned / Suspended" }

/* Allows Spoiler Button to be Centered */
	div.pull-center  div.spoiler-button-wrapper { text-align:center; }

/* A  fix to pagination. Hovering on link changes padding, due to the :hover having no border. */
/* This fix adds an extra 1 pixel padding to the left and right of the element to adjust for this    */
	.b-pagination-b .b-pagination-item>a:hover { padding: 2px 5px !important; }

/* This is a fix for the coloring of the "choose a username" drop down */
/* for the auto complete in Recipients input when Sending a PM */
	.character-autocomplete-result-row { color:#000000 !important; }
	.ac_over .character-autocomplete-result-row { color:#383d44 !important; background-color:#e2e2e2 !important;}

/* This fixes the field-errors display when a search is invalidated. */
	div.forum-search-container span.field-errors { position:relative; top:-13px; }

/* Styling for Mod Text in the Public/Private Note of a Post */
	.public-message { font-weight:bold; color:#ff0000; font-style:normal; font-size:12px;}
	.p-comment-notes .private-message { color: #0000FF; font-weight:bold; font-style:normal;}

/* Another Reminder to use card tags in Rulings */
/* Only shows on Create Thread in Rulings Main  */
	form[action="https://www.mtgsalvation.com/forums/magic-fundamentals/magic-rulings/create-thread"] div.form-field-markup-text-area-field:after { content: "* Please remember to use [card] tags."; color:red; display:block; font-weight:bold;}

/* Fix for Spoiler Page */
	.t-spoiler .t-spoiler-content .t-spoiler-edition .t-spoiler-stat {  bottom: 10px; }

/* [DECK] Width Fix */
	table.deck { width:auto !important; }

/* Autocard Popup */
	section.t-spoiler-content > * { color:black !important; white-space:normal !important;}

/* Mobile Ad testing fixes 
@media screen and (max-width: 679px) {
body.responsive-enabled #site-main>section.ad-container {
    display:block !important;
    height: 80px !important;
}

body.responsive-enabled #site-main>section.ad-container .ad-placement {
    max-width: none !important;
    width: 320px;
    min-height: 0;
    height: 50px;
}
}
*/

@media screen and (min-width: 1024px) {
body.body-home-index .atf .atf-forum-listing {
    top: 1220px;
}
}

body.body-home-index .atf .xt-placement
{
    top: 900px;
}

.social-network-bsky img { margin-left: 3px; margin-bottom: 6px;}

/* Home page fix to add news highlight blocks */
@media (min-width: 1024px) {
  html body.responsive-enabled .below-header-inner {
    height: 310px !important;
  }
}.post-excerpt {
  position: relative;
  margin-bottom: 10px;
}

.post-excerpt-preview {
  position: relative;
}

.post-excerpt-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.post-excerpt-content {
  padding: 20px 30px;
}

.post-excerpt .post-excerpt-title {
  font-size: 18px;
}

.post-excerpt-description {
  font-size: 14px;
  line-height: 1.8;
  color: #29445D;
}

.post-excerpt-author {
  line-height: 16px;
  border-right: 1px solid #4F7E9E;
  padding-right: 10px;
}

.post-excerpt-published {
  line-height: 16px;
}

.post-excerpt-meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 21px;
  color: #7596B4;
  font-size: 12px;
}

.post-excerpt-meta-item {
  margin-right: 10px;
}

.post-excerpt-meta-item:last-child {
  margin-right: 0;
}

.post-excerpt-meta span.user-role-staff {
  color: #209be7;
}

.post-excerpt-share {
  max-height: 21px;
}

.post-excerpt-share .visible {
  line-height: 1;
}

.post-excerpt-share .button {
  vertical-align: middle;
  border-radius: 15px;
  background-color: #F4F8FF;
  border: 1px solid #3AAEFC;
  font-size: 10px;
  font-weight: bold;
  padding: 0 17px;
  color: #3AAEFC;
  white-space: nowrap;
}

.post-excerpt-share .button:hover, .post-excerpt-share .button:active, .post-excerpt-share .button:visited {
  color: #0899fb;
}

.post-excerpt-share .social-share {
  vertical-align: top;
}

.post-excerpt-more {
  padding-right: 15px;
}

@media (max-width: 767px) {
  .post-excerpt::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
  .post-excerpt-preview {
    height: 170px;
  }
  .post-excerpt-content {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
  }
  .post-excerpt .post-excerpt-content .post-excerpt-title {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 21px;
    line-height: 30px;
  }
  .post-excerpt .post-excerpt-content .post-excerpt-title a {
    background: rgba(0, 0, 0, 0.5);
  }
  .post-excerpt .post-excerpt-content .post-excerpt-title a,
  .post-excerpt .post-excerpt-content .post-excerpt-title a:hover {
    color: #fff;
  }
  .post-excerpt-description {
    display: none;
  }
  .post-excerpt-meta {
    color: #D9E4EE;
    margin-top: 5px;
  }
  .post-excerpt-meta a {
    color: #209be7;
  }
  .post-excerpt-meta a:hover, .post-excerpt-meta a:active, .post-excerpt-meta a:visited {
    color: #209be7;
  }
  .post-excerpt-share {
    display: none;
  }
  .post-excerpt-comment-count a,
  .post-excerpt-comment-count a:hover,
  .post-excerpt-comment-count a:active {
    color: #fff;
  }
}

@media (min-width: 768px) {
  .post-excerpt {
    background-color: #F4F8FF;
    display: -ms-flexbox;
    display: flex;
  }
  .post-excerpt::after {
    display: none;
  }
  .post-excerpt-preview {
    min-width: 234px;
    height: 233px;
  }
  .post-excerpt-content {
    -ms-flex-positive: 1;
        flex-grow: 1;
    position: relative;
  }
  .post-excerpt .post-excerpt-title {
    margin-bottom: 10px;
  }
  .post-excerpt .post-excerpt-title a {
    color: #1C3043;
  }
  .post-excerpt .post-excerpt-title a:hover, .post-excerpt .post-excerpt-title a:focus {
    color: #1C3043;
  }
  .post-excerpt-meta {
    margin: 7px 0;
  }
  .post-excerpt-more {
    padding-right: 10px;
  }
}

@media (min-width: 1200px) {
  .post-excerpt {
    background-color: #F4F8FF;
    display: -ms-flexbox;
    display: flex;
  }
  .post-excerpt::after {
    display: none;
  }
  .post-excerpt-preview {
    min-width: 234px;
  }
  .post-excerpt-preview img {
    width: 234px;
    height: 234px;
  }
  .post-excerpt-content {
    -ms-flex-positive: 1;
        flex-grow: 1;
    position: relative;
    padding: 30px;
  }
  .post-excerpt .post-excerpt-title {
    font-size: 22px;
  }
  .post-excerpt-description {
    font-size: 14px;
  }
}