/* ------------------------------------------------
  Bootstrap overrides
------------------------------------------------ */
body {
  font-family: 'Open Sans', sans-serif;
}

p {
  margin-bottom: 1.6rem;
}

.footer {
  background-color: #696969;
  background-image:  url(/static/images/04-grunge.jpg);
}

.banner {
  background-image: url(/static/media/images/header/default.jpg);
  background-position-x: center;
  background-position-y: top;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-size: cover !important;
  padding-top: 29%;
}

.form-text {
  margin-top: 0 !important;
}

pre {
  background: #f6f8fa;
  padding: 1rem;
}

.footnote {
  font-size: smaller;
  vertical-align: super;
}

.footnotes {
  margin: 80px 0px 0px 0px;
}

.card-img-top {
  margin: 20px 0px;
}

.nav-item {
  border-right: 2px solid rgba(100, 100, 100, .5);
  padding: 0px 10px;
}

/* This is used by markdown for blockquotes */

blockquote > p {
  padding: 20px 55px;
  font-style: italic;
  font-size: 95%;
  font-weight: 500;
  color: #6f6f6f;
  line-height: 135%;
  background: url(/static/images/quote.png) no-repeat 35px 15px;
}

/* background tiled image*/

#centre-content {
  background:  #fff;
}

/* Sizing Extensions */

.w-65 {
  width: 65%;
}

@media (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }
}

.clear-both {
  clear: both;
}

/* Colour Extensions */

.text-dark-grey {
  color: #5f5f5f;
}

.text-header-blue {
  color: rgba(88, 128, 158, 1);
}

.card {
  background: rgba(0, 0, 0, 0);
}

/* ------------------------------------------------
  GOOGLE SEARCH
------------------------------------------------ */

/*Overrides google results format*/
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 0 !important;
	border: 0 !important;
}

/* Anything below is OLD */

/* ------------------------------------------------
  GENERAL/BASIC TAGS
------------------------------------------------ */

a {
  text-decoration: none;
  color: rgba(82, 125, 174, 1);
  font-weight: 800;
}

a:visited:not(.btn) {
	color: #336699;
}

a:hover {
	color: rgba(143, 108, 10, 1);
	text-decoration:none;
}

a:active {
  color: rgba(83, 28, 3, 1);
}

/* ------------------------------------------------
  MAINCONTENT

------------------------------------------------ */
/* ------------------------------------------------
  MAIN PAGE CONTENT CONTAINER/TAGS
------------------------------------------------ */

#maincontent p.subtitle {
  clear: both;
}

#maincontent p.published_at {
  color: rgba(45, 99, 146, 1);
}

#maincontent p.footnotes {
  font-size: 90%;
  margin: 6px 20px 0px 10px;
}

#maincontent h4:hover{
  color: #ff3300;
}


#maincontent h1,h2,h4 {
  color: rgba(88, 128, 158, 1);
  margin: 30px 0px 10px 0px;
}

#maincontent h3{
  color: rgba(45, 99, 146, 1);
  border-bottom: 1px solid rgba(45, 99, 146, 1);
  padding: 0px 0px 5px 0px;
  margin: 40px 0px 15px 0px;
}


#maincontent ul li {
  list-style: none; 
}

#maincontent ul li::before {
  color: rgba(45, 99, 146, 1);  
  content: "\2055"; 
  font-size: 1em; 
  padding-right: .5em; 
  position: relative;
  top: 0em; 
}


/* ------------------------------------------------
  TRADING CARD LAYOUT TAG
------------------------------------------------ */

#trading_card_image {
	width: 600px;
	height: 1000px;
	overflow: scroll;
	margin: 20px 0px 10px 130px;
}

/* ------------------------------------------------
   CUSTOM RULERS
------------------------------------------------ */

hr.main {
  margin: 40px 120px;
  color: #eeeeee;
}

/* ------------------------------------------------
  CUSTOM ONE-OFF STUFF
------------------------------------------------ */

#topbox-5-words {
  display: block;
  border: 1pt solid black;
  margin: 10px;
  padding: 10px;
  font-size: 80%;
}




/* ------------------------------------------------
  BLACKTHEME - UNCOMMENT FOR SPECIAL OCCASIONS
------------------------------------------------*/

body {
  background: rgba(0, 0, 0, 1);
  color: rgba(220, 220, 220, 1);
}

#centre-content {
  background: rgba(0, 0, 0, 1) 
}

/* USE THIS AT HALLOWEEN url(/static/media/images/background/background-cat-skull.jpg) repeat-y; */
}