/* stylelint-disable selector-list-comma-newline-after */
.btn-primary {
	transition: 0.5s !important;
	background-size: 200% auto !important;
	color: #fff !important;
	background-image: linear-gradient(to right, #4F9AF3 0%, #F6464D 51%, #4F9AF3 100%) !important;
}
.btn-primary:hover {
	background-position: right center !important;
}

.btn-success {
	transition: 0.5s !important;
	background-color:white !important;
	color:purple !important;
  /* border-image-slice: 1;
  border-image-source: linear-gradient(to right, #4F9AF3 0%, #F6464D 100%) !important; */
  border: 1px solid #9477ae !important;
}
.btn-success:hover {
	 /* border-image-source: linear-gradient(to left, #4F9AF3 0%, #F6464D 100%) !important; */
}

.btn-success:focus, .btn-success:active, .btn-success.active {
  color : purple;
  background-color : #FFFFFF !important;
}

.btn-success:hover:not(.disabled):not(:disabled) {
  box-shadow : 0 8px 25px -8px #9477ae;
}

.btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow : none;
}


.blinking {
    animation:blinkingText 1s infinite;
	font-weight:bold;
}
@keyframes blinkingText{
    0%{     color: red;    }
    49%{    color: red; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: red;    }
}
.pace {
	display:none !important;
}
img.grayscale {
	-webkit-filter: saturate(0%);
	filter: saturate(0%);
}
#draftsinprogress {
	padding:5px;
	font-size:12px;
}
.coinTranslate {
  -webkit-transition: 3s;
  -moz-transition: 3s;
  -ms-transition: 3s;
  -o-transition: 3s;
  transition: 3s;
  margin-top: -250px !important;
  opacity:0 !important;
}

.pagewrapper {
	margin:0 30px;
}
@media (max-width: 768px) {
	.pagewrapper {
		margin:0 10px;
	}
}
header .headericons a.hicon {
	padding:0 8px;
	color:silver;
	font-size:19px;
}
header .headericons a:hover {
	color:black;
}
header .mainnav {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding-top:30px;
}
header .mainnav a {
	color:gray;
	padding:0 10px;
	width:17%;
	display:inline-block;
}


ul {
	list-style:none;
}
ul.error {
	list-style:none;
	padding:10px 0px;
}
ul.error li {
	color:red;
	border: 1px solid red;
	padding:15px;
	font-size:18px;
	margin:10px 0px;
	font-weight:bold;
}
blockquote {
    margin: 0 0 0 40px;
}
.blog-header {
  line-height: 1;
  /* border-bottom: 1px solid #e5e5e5; */
}

.blog-header-logo {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  
}
h3 {
	font-size:1.5rem;
}
.display-4 {
    font-size: 2rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 2rem;
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}
/*
 * Home Page
 */
.homepage .categories, .homepage .headlines {
	margin-top:15px;
}
.homepage .categories a {
	display:block;
	color:gray;
	line-height:1.6em;
}

.homepage .headlines a {
	display:block;
	color:black;
	line-height:1.6em;
	margin-bottom:10px;
}
.homepage .headlines .headline {
	font-size:22px;
	font-family:Verdana, Geneva, sans-serif;
}
@media (max-width: 40em) {
  .homepage .headlines .with_image {
    width:calc(100% - 100px);
  }
}


/*
 * Blog name and description
 */
.blog-title {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
}
.blog-description {
  font-size: 1.1rem;
  color: #999;
}

@media (min-width: 40em) {
  .blog-title {
    font-size: 3.5rem;
  }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}


.article .viewcount {
     margin-top:-1.5rem;
	 margin-left:-1.5rem;
	 float:left;
	 background-color:gray;
	 color:silver;
	 font-size:10px;
	 border-radius:3px 0;
	 padding:0 3px;
}
.article .article_details br {
	margin:8px;
	display:block;
}

@media (min-width: 768px) {
  .article .viewcount {
	 margin-top:-3rem;
	 margin-left:-3rem;
  }
}


/*
 * Footer
 */
.blog-footer {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}
.footerlinks a {
	color:gray;
	font-size:12px;
}
.footerlinks a.emphasize {
	font-weight:bold;
}

.blog-footer .social {
	margin-top:0px;
}
.blog-footer .social a {
	color:gray;
	font-size:30px;
	margin:0 35px;
}
.blog-footer .social a:hover {
	color:black;
}


.helptext {
	font-size: 0.8em;
	line-height: 1.3;
	font-style: italic;
	margin: 0.2em 0 0;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

a.small-help-text {
	color: #999;
	font-size: 14px;
	display: block;
	margin-top: 30px;
}

.change-password-field {
	display: none;
	position: relative;
}

input[type=url] {
	width: 500px;
	max-width: 70%;
}

textarea {
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid #eee;
	padding: 16px;
}

.words-left {
	text-align:center;
	font-weight:bold;
	color:#999;
	font-size:12px;
}

.coinlink {
	 display:inline-block;
	 position:relative;
	 margin-right:6px;
}
.coinlink div.coincount {
	bottom: 4px;
	position: absolute;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	width: 24px;
	text-align: center;
	letter-spacing: -.09em;
}


#gametext {
	font-size:18px;
}
#gametext .rollover {
	background-color:#FFF;
	cursor:pointer;
}
#gametext .rollover:hover {
	background-color:#0F0;
}



/* SLIDER */
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%; 
  background: black;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: black;
  cursor: pointer;
  display:none;
}


/* ANIMATE */
@keyframes fadeIn { 
  from { opacity: .5; } 
}

.animate-flicker {
    animation: fadeIn 1s infinite alternate;
}
a.animate-flicker:hover {
	color:black;
	animation: none;
}


img.circle {
	border-radius: 50%;
	border: 1px solid #eee;
}

.hoveralpha {
	opacity:.7;
}
.hoveralpha:hover {
	opacity:1;
}


/* ARTICLE LIST */
.customcolumns {
	width:100%;
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; 
}
.customcolumns .column {
}
.customcolumns .column.col1 {
	width:160px;
}
.customcolumns .column.col2 {
	text-align:center;
	width:calc(100% - 220px);
	display:inline-block;
}
.customcolumns .column.col3 {
	text-align:right;
	width:60px;
	float:right;
}


/* SCHEDULER */
.scheduletable {
	width:100%;
}
.scheduletable th {
	background-color:#CCC;
	padding:10px;
	border:2px solid white;
	text-align:center;
}
.scheduletable tbody td {
	padding:10px;
	text-align:center;
	border:2px solid white;
	background-color:#EEE;
}
.scheduletable tbody td:first-child {
	background-color:#9FF;
	padding:10px;
	text-align:right;
	max-width:120px;
}
.scheduletable tbody td.currentday {
	background-color:#FFC;
}




.modal-resize
{
  max-width:none; 
  width:90%; 
  margin:20px auto;
}
@media (max-width: 768px) {
.modal-resize
{
  max-width:none; 
  width:100%; 
  margin: 10px auto;


}
}