@font-face /*Declared new fonts*/
{
    font-family: 'Storm Gust';
    src: url('https://dl.dropbox.com/scl/fi/7had04cqhmpijraki0nfw/Storm-Gust.ttf?rlkey=473dgswadej95cm9n2xpcc9sg&st=gnuw95jm') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sectar';
    src: url('https://dl.dropbox.com/scl/fi/swq84prpwb1q87gxcjfmk/Sectar.woff2?rlkey=9aing170xvf37sswh1opfxc23&st=sklecwhg') format('woff2'),
        url('https://dl.dropbox.com/scl/fi/3kiofeidbky7lhsva1s43/Sectar.woff?rlkey=ntwvigbs9q22ny352evqfxfpr&st=jgdodnre') format('woff'),
        url('https://dl.dropbox.com/scl/fi/dgw1lk080ha9boq9cul5o/Sectar.ttf?rlkey=ibvjnc7d6eijwp809y26q91xi&st=9kuwhiqp') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@media (min-width: 1030px) { /*special thanks to Wihito for this chunk of code - removing ads for all users, not just members*/
  #desktop,
  div.well.ad-wrapper,
  [id*='google_ads'],
  [id*='-ad-'],
  .sticky-ad-footer,
  form[action="/comments/post/"] > h2 {
    display: none !important;
  } 

#sitebody /*the element #sitebody*/
{
    background-color: black;
    background-image: url('https://dl.dropbox.com/scl/fi/wvnpkty0cw87cwiofvnv4/Cathedral-Grotto-and-Alien-Bloom.png?rlkey=r4c5rb767te1yu4genfletlil&st=78qdowhd'); /*link to the image I want to use for my background*/
    background-attachment: fixed;               /*"fixed" here means the background won't move when you scroll - scroll means the image stays in place as you scroll down the screen*/
    background-size: cover;                   /*auto|length|cover|contain|initial|inherit here means the background image will not resize to fit the window*/
    background-repeat: no-repeat;               /*tells the background to not repeat*/
    background-position: top center;
       
}

#cf /*defines the positioning/cover of each background*/
{
  z-index:-1;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:120%;
  background-repeat: no-repeat;
  background-position: top center;
}

#cf img 
{
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

@keyframes cfFadeInOut /*fading animation and controller of top's opacity*/
{
  0% {
    opacity:0.2;
  }
  45% {
    opacity:0.2;
  }
  55% {
    opacity:0.2;
  }
  100% {
    opacity:0.3;
  }
}

div.img.top /*defines opacity for the animated .gif effect*/
{
	opacity: 0.9;	
}

#cf img.top /*defines all the attributes of the fade effect*/
{

animation-name: cfFadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 1000s;
animation-direction: alternate;
}

.button 
{
    float: right;
    margin-top: 23px;
}
 
.navbar-fixed-top       /*navbar at the top of the page*/
{
    background: rgba(0, 0, 0, 0.9);
}
 
#masthead               /*TO featured deck*/
{
    background: rgba(30, 30, 30, 0.2);
}
 
.jumbotron              /*player description*/
{
    font-family: 'Storm Gust';
    background: rgba(30, 30, 30, 0.1);
}

.well.comment /*code from multimedia - changes the color of letters in comments to grey*/
{
	background: rgba(30, 30, 30, 0.6);
}

.comment /*code from multimedia - changes the color of letters in comments to grey*/
{
	color: rgb(213, 213, 213);
	text-shadow: rgb(0, 0, 0) 1.5px 1.5px 1.5px;
}

.well-jumbotron h2  /*code to style deck title*/
{
	font-family: 'Storm Gust';
        font-size: 60px; 
	

}

.well-jumbotron img.featured-card  /*hides featured card image*/
{
	display: none;	
}

.well-jumbotron .featured-card-box img:nth-child(2) /*hides little pie chart with featured card*/
{
	display: none;
}

div.row.deck-ad-snippet /*hides featured deck at top of page*/
{
	display: none;
}

div.well.well-jumbotron /*centers all text in the deck title*/
{
	text-align: center;
	padding-bottom: 350px; /*increases the amount of padding at the bottom of the deck title*/
}

div.col-sm-9 /*changes the color of comments/cards listed on deckpage.*/
{
	color: #F3EBDD;
        text-shadow: rgba(0, 0, 0, 0.55);
}

.board-container h3 /*code to style decklist headings*/
{
	font-family: 'Sectar';
        font-size: 20px;	
}

.h1, h1 /*to style the deck description header*/
{
	font-family: 'Storm Gust';	
}

.h3, h3 /*to style the headings of description, suggestions, updates, and comments*/
{ 
	font-family: 'Storm Gust';
	font-size: 20px;
	margin-top: 0px;
}
 
#body .navbar-default   /*the navbar that lists a user's threads, deck folders, and decks*/
{
    background: rgba(30, 30, 30, 0.2);
    border: 2px solid rgb(100, 100, 100);   /*defines the boarder around the element*/
}

div.row.deck-ad-snippet /*removes ads*/
{
display: none;
}

.row.col-sm-6.col-md-12:nth-child(4) .well /*hides the "Similar Decks"*/
{
display: none;  
} 
 
.well                   /*container for the wall, recently viewed, friends, and other tabs*/
{
    border: none;       /*gets rid of the border around this element*/
    background: rgba(30, 30, 30, 0.2);    
}
 
.deck-row-lg            /*list of decks*/
{
    background: rgba(30, 30, 30, 0.2);
}
 
.col-md-5 .table        /*table below deck list*/
{
    display: none;      /*stops the table from being displayed*/
}
 
.sidebar 
{
    opacity: 0.9;
    filter:alpha(opacity=80); /*IE transparency*/
}
.btn 
{
    background-color: #4D4743; /*color of the button*/
    border-color: #18100C; /*color of the border around the button*/
    color: rgb(192,192,192); text-shadow: 0 0 2px rgb(128,0,128), 0 1px 3px rgb(128,0,128), 0 2px 4px rgb(102,51,153); /*color of the text on the button*/
    opacity: 0.6;
    filter:alpha(opacity=80); /*IE transparency*/
}
 
.sidebar .btn:hover 
{ 
    background-color: rgb(128,0,128); 
    color: black;
}
 
.sidebar .vote-link:hover 
{
    background-color: rgb(128,0,128);
}
 

.board-container a /*changes the coloring of the cards listed above the description*/
{
color: rgb(250,250,250); 
}

.well > h3 /*hide h3 description heading on page*/
{ 
	visibility: hidden; 
} 

#desktop  /*remove the 18px of padding for the featured deck space*/
{
	padding-top: 0px;
	padding-bottom: 0px;
}

#ad-span /*hides padding that inline styled with !important*/
{ 
	display:none; 
}

.bottom-divider /*removes the double tan line border*/
{ 
	border-bottom: none; 
}