/*
____________________________________________________________________________
CSS DOCUMENT ***

Colour Palette

hsla(224, 21%, 17%, 1) = BETR Dark Purple
hsla(281, 39%, 43%, 1) = BETR Light Purple
hsla(351, 85%, 58%, 1) = BETR Dark Pink
hsla(351, 75%, 61%, 1) = BETR Light Pink
hsla(23, 91%, 68%, 1)  = BETR Orange

/*
____________________________________________________________________________
BODY ***/
html, body {
  width: 100%;
  overflow-x: hidden;
  /* prevent horizontal shifting/scrolling on narrow devices */ }

html {
  background-color: #f89c63; }

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  min-height: 100vh;
  font: 15px/1.5 'Verdana', sans-serif;
  color: #232836;
  /*
	background:
	radial-gradient(
		farthest-side at bottom left,
		hsla(281, 39%, 43%, 1),
		transparent 70%
		),
	radial-gradient(
		farthest-corner at bottom right,
		hsla(351, 75%, 61%, 1),
		transparent
		)
	;
	*/ }
  @media only screen and (min-width: 769px) {
    body {
      font-size: 16px; } }
  @media only screen and (min-width: 993px) {
    body {
      font-size: 16px; } }

/*
____________________________________________________________________________
END BODY ***/
/*
____________________________________________________________________________
GRID ***/
/* uncomment to turn on outlining on all elements for debugging purposes */
/*
* {
outline: 1px dotted red;
}
*/
/* padding should match the column padding below */
.container-fluid {
  padding: 0 16px;
  max-width: 1440px; }

/* adds 5 column and 7 column layouts which are not included with Bootstrap */
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xs-1-7, .col-sm-1-7, .col-md-1-7, .col-lg-1-7 {
  position: relative;
  float: left;
  min-height: 1px; }

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
  width: 20%; }

.col-xs-1-7, .col-sm-1-7, .col-md-1-7, .col-lg-1-7 {
  width: 14.285714%; }

/* overrides the default Bootstrap gutter width of 30px (15px x 2), row must be the inverse of column, now 40px (20px x 2) */
.row {
  margin-right: -16px;
  margin-left: -16px; }

[class*="col-"] {
  padding-right: 16px;
  padding-left: 16px; }

/* wrapper for main content areas */
.content {
  padding: 64px 16px; }
  @media only screen and (max-width: 767px) {
    .content {
      padding: 32px 16px; } }

/*
____________________________________________________________________________
END GRID ***/
/*
____________________________________________________________________________
TYPOGRAPHY ***/
/*
____________________________________________________________________________
Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Century Gothic', 'Futura', sans-serif;
  font-weight: 700;
  letter-spacing: -.2px;
  color: #222734; }

h1 {
  margin-bottom: 20px; }

h2 {
  margin-bottom: 16px; }

h3, h4, h5, h6 {
  margin-bottom: 10px; }

.breadcrumbs {
  display: block;
  position: relative;
  height: 44px;
  margin: 0;
  padding: 0 16px 0 44px;
  font-size: 15px;
  line-height: 44px;
  background: #222734; }
  @media only screen and (min-width: 769px) {
    .breadcrumbs {
      font-size: 16px; } }
  @media only screen and (min-width: 993px) {
    .breadcrumbs {
      font-size: 18px; } }
  .breadcrumbs:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    font-family: 'FontAwesome';
    font-size: 18px;
    text-align: center;
    content: "\f104"; }

.market-header {
  display: block;
  position: relative;
  height: 44px;
  margin: 0;
  padding: 0 44px 0 16px;
  font-size: 15px;
  line-height: 44px;
  background: #7d4398; }
  .market-header span:first-child {
    float: left; }
  .market-header span:last-child {
    float: right; }
  .market-header.collapsed {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .market-header:after {
    position: absolute;
    right: 16px;
    font-family: 'FontAwesome';
    font-size: 18px;
    content: "\f107"; }
  .market-header.collapsed:after {
    content: "\f105"; }
  @media only screen and (min-width: 769px) {
    .market-header {
      font-size: 16px; } }
  @media only screen and (min-width: 993px) {
    .market-header {
      font-size: 18px; } }

.events-header {
  display: block;
  position: relative;
  height: 44px;
  margin: 0;
  padding: 0 44px 0 16px;
  font-size: 15px;
  line-height: 44px;
  background: #7d4398; }
  @media only screen and (min-width: 769px) {
    .events-header {
      font-size: 16px; } }
  @media only screen and (min-width: 993px) {
    .events-header {
      font-size: 18px; } }

/*
____________________________________________________________________________
Paragraphs */
p {
  margin-bottom: 32px; }

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6,
ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6 {
  margin-top: 16px; }

/*
____________________________________________________________________________
Links */
a, a:active {
  color: #e65165;
  text-decoration: none; }

a:hover {
  color: white;
  text-decoration: underline; }

a:focus {
  text-decoration: none; }

/*
____________________________________________________________________________
List Styles */
.list-unstyled {
  margin-bottom: 20px; }

/* left padding should match the grid column padding and if numbered lists hit double digits, additional 20px left padding may be required */
ul {
  margin-bottom: 32px;
  padding: 0 0 0 24px; }

ol {
  margin: 0 0 20px 0;
  padding: 0 0 0 24px; }

.latin {
  list-style-type: lower-latin; }

.roman {
  list-style-type: lower-roman; }

ul.squares {
  list-style: square; }

ul.arrows {
  list-style: none; }

ul.arrows li:before {
  display: inline-block;
  width: 24px;
  margin-left: -24px;
  font-family: 'FontAwesome';
  content: "\f061";
  color: #00aaff; }

ul.stars {
  list-style: none; }

ul.stars li:before {
  display: inline-block;
  width: 24px;
  margin-left: -24px;
  font-family: 'FontAwesome';
  font-size: 18px;
  content: "\f005";
  color: #ffcc00; }

ul.smallchecks {
  list-style: none; }

ul.smallchecks li:before {
  display: inline-block;
  width: 24px;
  margin-left: -24px;
  font-family: 'FontAwesome';
  font-size: 18px;
  content: "\f00c";
  color: #66cc00; }

ul.largechecks {
  font-size: 24px;
  list-style: none; }

ul.largechecks li:before {
  display: inline-block;
  width: 30px;
  margin-left: -30px;
  font-family: 'FontAwesome';
  font-size: 24px;
  content: "\f00c";
  color: #66cc00; }

.color-bullets-inside {
  color: #fff; }

.color-bullets {
  color: #ff5500; }

/*
____________________________________________________________________________
Horizontal Rules */
hr {
  margin: 32px 0;
  border-top: none;
  border-bottom: 1px solid #d9e1e8; }

/*
____________________________________________________________________________
Miscellaneous */
small {
  font-size: 75%; }

strong {
  font-weight: 700; }

/*
____________________________________________________________________________
END TYPOGRAPHY ***/
/*
____________________________________________________________________________
STRUCTURE ***/
/*
____________________________________________________________________________
Global Responsive Images */
img {
  width: 100%;
  height: auto; }

.store-button {
  max-width: 240px;
  margin: auto; }

.betr-button {
  max-width: 240px; }

@media only screen and (max-width: 767px) {
  .screenshot {
    height: 400px;
    margin-bottom: 16px;
    border-bottom: 1px solid #d9e1e8;
    overflow: hidden; } }

@media only screen and (max-width: 575px) {
  .screenshot {
    height: 300px;
    margin-bottom: 16px;
    border-bottom: 1px solid #d9e1e8;
    overflow: hidden; } }

/*
____________________________________________________________________________
Header */
header {
  position: relative;
  background: white; }
  header .container-fluid {
    padding-bottom: 10px;
    background: url(../img/header-shard.png) no-repeat;
    background-position: center bottom;
    background-size: cover auto; }

.logo {
  margin: 8px 16px 8px 0;
  height: 32px;
  width: auto; }
  @media only screen and (min-width: 1025px) {
    .logo {
      margin: 13px 16px 13px 16px;
      height: 44px;
      width: auto; } }

.navbar {
  padding: 0; }

@media only screen and (max-width: 992px) {
  .navbar-nav {
    margin: 0 -16px; } }

.nav-link {
  margin: 0 4px;
  padding: 0;
  font-family: 'Century Gothic', 'Futura', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 70px;
  color: #222734; }
  .nav-link:hover {
    color: #7d4398; }
  .nav-link.active {
    color: #7d4398;
    background: url(../img/header-current-item-shard.png) no-repeat;
    background-position: center top; }
  .nav-link:last-child {
    position: absolute;
    right: 0; }
  @media only screen and (max-width: 992px) {
    .nav-link {
      height: 48px;
      padding-left: 16px !important;
      line-height: 33px;
      width: 100%;
      border-bottom: 1px solid white; }
      .nav-link.active {
        color: #7d4398;
        background: rgba(255, 255, 255, 0.25);
        border-bottom: 1px solid white; }
      .nav-link:last-child {
        position: relative;
        border: none; } }

.button-log-out {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  line-height: 36px;
  text-align: center; }
  .button-log-out:before {
    font-family: 'FontAwesome';
    font-size: 24px;
    content: "\f08b";
    color: #222734; }
  .button-log-out span {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    font-size: 8px;
    line-height: 1;
    text-align: center;
    color: #222734; }

.navbar-toggler {
  width: 48px;
  height: 48px;
  padding: 0;
  line-height: 48px;
  text-align: center;
  background: none;
  border: none; }
  .navbar-toggler:focus {
    outline: none; }
  .navbar-toggler:after {
    font-family: 'FontAwesome';
    font-size: 24px;
    content: "\f0c9";
    color: #222734; }
  .navbar-toggler:hover:after, .navbar-toggler:focus:after {
    color: #7d4398; }

.balances {
  padding: 16px 0;
  font-family: 'Roboto Condensed', sans-serif;
  border-bottom: 1px solid #d9e1e8; }
  .balances span {
    display: block;
    text-align: center; }

/*
____________________________________________________________________________
Tables */
.table {
  font-family: 'Roboto Condensed', sans-serif;
  border-top: 2px solid white;
  border-bottom: 2px solid white; }

.table th {
  padding: 16px;
  vertical-align: middle;
  white-space: nowrap; }

.table td {
  padding: 8px 16px;
  vertical-align: middle;
  white-space: nowrap; }

.table thead {
  color: white;
  background-color: #222734; }

.table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(255, 255, 255, 0.1); }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05); }

.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.25); }

.table tfoot td {
  border-top-width: 2px;
  background-color: rgba(0, 0, 0, 0.5); }

.th-view,
.th-edit {
  width: 48px;
  text-align: center; }

.table-responsive {
  margin-bottom: 32px; }

/*
____________________________________________________________________________
FOOTER ***/
.sticky-footer {
  margin-top: auto; }

/*
____________________________________________________________________________
Prefooter */
.prefooter {
  position: relative;
  padding: 24px 0;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  background: #222734; }
  .prefooter .container-fluid {
    padding-bottom: 0; }

.prefooter a {
  padding: 0 8px;
  color: rgba(255, 255, 255, 0.8);
  border-right: 1px solid rgba(255, 255, 255, 0.8); }
  .prefooter a:last-child {
    border: none; }
  @media only screen and (min-width: 577px) {
    .prefooter a {
      padding: 0 16px; } }

.prefooter a:hover {
  color: white; }

/*
____________________________________________________________________________
Main Footer */
.footer {
  position: relative;
  padding: 32px 0;
  color: white;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  background: #222734; }

.footer-logo {
  height: 32px;
  width: auto;
  margin-bottom: 32px; }
  @media only screen and (min-width: 993px) {
    .footer-logo {
      height: 48px;
      width: auto; } }

.social-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.social {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: 0 2px;
  font-size: 24px;
  line-height: 44px;
  color: white;
  text-align: center;
  border-radius: 24px;
  border: 2px solid white; }
  .social:hover {
    color: white;
    text-decoration: none; }
  .social.facebook:before {
    font-family: 'FontAwesome';
    content: "\f09a"; }
  .social.facebook:hover {
    background: #3b5897; }
  .social.twitter:before {
    font-family: 'FontAwesome';
    content: "\f099"; }
  .social.twitter:hover {
    background: #00aceb; }
  .social.instagram:before {
    font-family: 'FontAwesome';
    content: "\f16d"; }
  .social.instagram:hover {
    background: #d6249d;
    background: -webkit-radial-gradient(30% 107%, circle, #fdf496 0%, #fdf496 5%, #fd5849 45%, #d6249d 60%, #2859eb 90%);
    background: -o-radial-gradient(30% 107%, circle, #fdf496 0%, #fdf496 5%, #fd5849 45%, #d6249d 60%, #2859eb 90%);
    background: radial-gradient(circle at 30% 107%, #fdf496 0%, #fdf496 5%, #fd5849 45%, #d6249d 60%, #2859eb 90%); }
  .social.behance:before {
    font-family: 'FontAwesome';
    content: "\f1b4"; }
  .social.behance:hover {
    background: #1a6aff; }
  .social.reddit:before {
    font-family: 'FontAwesome';
    content: "\f281"; }
  .social.reddit:hover {
    background: #ff4400; }
  .social.medium:before {
    font-family: 'FontAwesome';
    content: "\f23a"; }
  .social.medium:hover {
    background: black; }
  .social.bitcointalk:before {
    font-family: 'FontAwesome';
    content: "\f15a"; }
  .social.bitcointalk:hover {
    background: #ff9900; }
  .social.linkedin:before {
    font-family: 'FontAwesome';
    content: "\f0e1"; }
  .social.linkedin:hover {
    background: #0074b3; }
  .social.telegram:before {
    font-family: 'FontAwesome';
    content: "\f1d8"; }
  .social.telegram:hover {
    background: #0088cc; }
  .social.youtube:before {
    font-family: 'FontAwesome';
    content: "\f167"; }
  .social.youtube:hover {
    background: #f92815; }

/*
____________________________________________________________________________
Subfooter */
.subfooter {
  position: relative;
  padding: 16px 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  background: #222734; }
  .subfooter .container-fluid {
    padding-bottom: 0; }

.subfooter a {
  color: rgba(255, 255, 255, 0.5); }

.subfooter a:hover {
  color: white; }

.copyright {
  font-size: 14px; }

/*
____________________________________________________________________________
END STRUCTURE ***/
/*
____________________________________________________________________________
FORMS ***/
.form-control {
  padding: 8px 14px;
  font-size: 16px;
  line-height: 28px;
  border: 2px solid #e6e6e6; }

.form-control:focus {
  padding: 8px 14px;
  line-height: 28px;
  border: 2px solid #7d4398;
  -webkit-box-shadow: none;
  box-shadow: none; }

label {
  display: block; }

.advanced-search label,
.table label {
  display: none; }

.table .form-group {
  margin: 0; }

.forgot-password {
  margin-bottom: 24px;
  display: block;
  height: 48px;
  text-align: center;
  line-height: 48px; }

.already-registered {
  margin-bottom: 24px;
  display: block;
  height: 48px;
  text-align: center;
  line-height: 48px; }

.text-danger {
  display: block;
  margin: 4px 0;
  padding: 4px 12px;
  font-size: 14px;
  color: white !important;
  background: red;
  border-radius: 4px; }

.search-results {
  display: block;
  line-height: 48px;
  text-align: center; }
  @media only screen and (min-width: 769px) {
    .search-results {
      text-align: right; } }

.advanced-search {
  margin-bottom: 16px; }

/*
____________________________________________________________________________
END FORMS ***/
/*
_____________________________________________________________________________
BUTTONS ***/
.btn {
  padding: 0;
  height: 48px;
  font-size: 21px;
  line-height: 44px;
  color: white;
  border-radius: 24px; }

.btn-main {
  border: 2px solid white;
  background: #7d4398; }

.btn-main:hover {
  background: #9858b6; }

.btn-main:active,
.btn-main:focus {
  background: #9858b6;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-alt {
  min-width: 50%;
  padding: 0 16px;
  border: 2px solid white;
  background: #f89c63; }

.btn-alt:hover {
  background: #fabb94; }

.btn-alt:active,
.btn-alt:focus {
  background: #fabb94;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-cancel {
  width: 50%;
  border: 2px solid white;
  background: gray; }

.btn-cancel:hover {
  background: #999999; }

.btn-cancel:active,
.btn-cancel:focus {
  background: #999999;
  -webkit-box-shadow: none;
  box-shadow: none; }

.advanced-search-button {
  width: 100%;
  height: 48px;
  line-height: 44px;
  color: white;
  background: none;
  border: 2px solid white;
  border-radius: 24px; }
  .advanced-search-button:focus {
    outline: none; }

/*
pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;

	@media only screen and (min-width : 993px) {
		justify-content: center;
	}

}

.pagination button {
	width: 48px;
	height: 48px;
	margin: 0 2px;
	line-height: 44px;
	text-align: center;
	color: hsla(0, 0%, 100%, 1);
	background: none;
	border: 2px solid hsla(0, 0, 100%, 1);
	border-radius: 24px;

	&:hover {
		background: hsla(0, 0%, 100%, .25);
	}

	&:focus {
		color: hsla(0, 0, 100%, 1);
		background: hsla(281, 39%, 43%, 1);
		border: 2px solid hsla(0, 0%, 100%, 1);
		outline: none;
	}

	&.previous:after {
		font-family: 'FontAwesome';
		font-size: 24px;
		content: "\f104";
		color: hsla(0, 0%, 100%, 1);
	}

	&.next:after {
		font-family: 'FontAwesome';
		font-size: 24px;
		content: "\f105";
		color: hsla(0, 0%, 100%, 1);
	}

	@media only screen and (min-width : 769px) {
		font-size: 16px;
	}

	@media only screen and (min-width : 993px) {
		font-size: 24px;
	}

}
*/
.yiiPager {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .yiiPager li {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: 2px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 44px;
    text-align: center;
    color: black;
    background: none;
    border: 2px solid black;
    border-radius: 24px; }
    .yiiPager li:hover {
      background: rgba(0, 0, 0, 0.25); }
    .yiiPager li:focus {
      color: black;
      background: #7d4398;
      border: 2px solid black;
      outline: none; }
    .yiiPager li.first:after {
      font-family: 'FontAwesome';
      font-size: 24px;
      content: "\f100";
      color: black; }
    .yiiPager li.previous:after {
      font-family: 'FontAwesome';
      font-size: 24px;
      content: "\f104";
      color: black; }
    .yiiPager li.next:after {
      font-family: 'FontAwesome';
      font-size: 24px;
      content: "\f105";
      color: black; }
    .yiiPager li.last:after {
      font-family: 'FontAwesome';
      font-size: 24px;
      content: "\f101";
      color: black; }
    .yiiPager li a {
      color: black; }
      .yiiPager li a:hover {
        text-decoration: none; }
    @media only screen and (min-width: 769px) {
      .yiiPager li {
        font-size: 16px; } }
    @media only screen and (min-width: 993px) {
      .yiiPager li {
        font-size: 24px; } }

.button-view {
  width: 48px;
  height: 48px;
  padding: 0;
  line-height: 48px;
  text-align: center;
  background: none;
  border: none; }
  .button-view:focus {
    outline: none; }
  .button-view:after {
    font-family: 'FontAwesome';
    font-size: 24px;
    content: "\f06e";
    color: #222734; }
    @media only screen and (min-width: 993px) {
      .button-view:after {
        font-size: 28px; } }
  .button-view:hover:after {
    color: #7d4398; }
  @media only screen and (min-width: 993px) {
    .button-view {
      top: 16px; } }

.button-edit {
  width: 48px;
  height: 48px;
  padding: 0;
  line-height: 48px;
  text-align: center;
  background: none;
  border: none; }
  .button-edit:focus {
    outline: none; }
  .button-edit:after {
    font-family: 'FontAwesome';
    font-size: 24px;
    content: "\f040";
    color: #222734; }
    @media only screen and (min-width: 993px) {
      .button-edit:after {
        font-size: 28px; } }
  .button-edit:hover:after {
    color: #7d4398; }
  @media only screen and (min-width: 993px) {
    .button-edit {
      top: 16px; } }

.button-delete {
  width: 48px;
  height: 48px;
  padding: 0;
  line-height: 48px;
  text-align: center;
  background: none;
  border: none; }
  .button-delete:focus {
    outline: none; }
  .button-delete:after {
    font-family: 'FontAwesome';
    font-size: 24px;
    content: "\f00d";
    color: #222734; }
    @media only screen and (min-width: 993px) {
      .button-delete:after {
        font-size: 28px; } }
  .button-delete:hover:after {
    color: #7d4398; }
  @media only screen and (min-width: 993px) {
    .button-delete {
      top: 16px; } }

/*
____________________________________________________________________________
END BUTTONS ***/
/*
____________________________________________________________________________
MISCELLANEOUS CONTENT ***/
@media only screen and (min-width: 577px) {
  .search-header {
    margin-bottom: 16px; } }

/*
____________________________________________________________________________
END CONTENT ***/
/*
____________________________________________________________________________
MEDIA QUERIES - MOBILE FIRST METHOD ***/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/*
____________________________________________________________________________
END MEDIA QUERIES ***/
/*
____________________________________________________________________________
END CSS DOCUMENT ***/