@import url("https://fonts.googleapis.com/css?family=Passion+One&display=swap");
@import url("https://rsms.me/inter/inter.css");
.a-btn-primary {
  display: inline-block;
  text-align: center;
  padding: 10px 25px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #093B33;
  background: #2AFFDC;
  border-radius: 3px;
  transition: background 0.3s ease-in-out; }

.a-btn-primary:hover {
  text-decoration: none;
  color: #093B33;
  background: #20F3D0; }

.a-btn-secondary {
  display: inline-block;
  text-align: center;
  padding: 10px 25px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #414652;
  background: #EAECF1;
  border-radius: 3px;
  transition: background 0.3s ease-in-out; }

.a-btn-secondary:hover {
  text-decoration: none;
  color: #093B33;
  background: #20F3D0; }

.a-btn-branded {
  display: inline-block;
  text-align: center;
  padding: 10px 25px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #FFFFFF;
  background: #141414;
  background-image: url(../img/logo_symbols.svg);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  border-radius: 3px;
  transition: background 0.3s ease-in-out; }

.a-btn-branded:hover {
  text-decoration: none;
  color: #FFFFFF;
  background: #000000; }

.navbar-brand {
  font-size: 0px; }

.bg-dark {
  background: #141414 !important; }

nav {
  padding: 15px 10px !important; }
  nav .nav-item {
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 500; }
  nav .nav-item-cta {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 15px;
    background: #FF6834;
    border-radius: 3px; }
    nav .nav-item-cta a {
      color: white !important; }

.hero {
  background: #2AFFDC;
  padding: 50px 0;
  text-align: center; }
  .hero p {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: #127565;
    margin-bottom: 0; }

h1 {
  font-family: "Passion One", cursive;
  line-height: 35px;
  color: #093B33; }

h2 {
  font-family: "Passion One", cursive;
  color: #093B33;
  margin: 0; }

p {
  font-size: 13px;
  color: #527570; }

.featured-w-1 {
   }
  .featured-w-1 .search-wrapper .inpt-wrapper {
    float: right;
    width: 60%;
    margin-top: 20px;
    position: relative; }
  .featured-w-1 .search-wrapper input {
    background: #EAECF1;
    border: none;
    border-radius: 3px;
    font-size: 13px;
    padding: 10px;
    padding-right: 30px;
    width: 100%;
    font-family: "Inter", sans-serif; }
  .featured-w-1 .search-wrapper #search-btn-icon {
    background: url("../img/search_icon.svg");
    width: 12px;
    height: 14px;
    border: none;
    outline: none;
    position: absolute;
    top: 32px;
    right: 25px; }

.template-block {
  border-radius: 3px;
  background: #2AFFDC; }
  .template-block .img-wrap {
    border-radius: 3px 3px 0 0;
    height: 160px;
    background: url("../img/template_cover.jpg"); }
  .template-block .text-wrap {
    margin: 15px 15px;
    padding-bottom: 15px;
    text-align: center; }
    .template-block .text-wrap a {
      color: #093B33;
      font-family: "Inter", sans-serif;
      font-size: 15px;
      font-weight: 500; }

.featured-w-2 {
  margin-top: 50px; }
  .featured-w-2 h2 {
    margin-bottom: 20px; }
  .featured-w-2 a {
    color: #2AFFDC; }

.bottom-cta {
  margin-top: 50px;
  padding: 35px 0;
  border-top: 1px solid #EEEEEE; }
  .bottom-cta .btn-wrap {
    text-align: right;
    padding-top: 20px; }

.footer .color-row {
  display: flex; }
.footer .color-item {
  display: inline-block;
  width: 100%;
  height: 5px; }
.footer #color-item-1 {
  background: #FF7F7F; }
.footer #color-item-2 {
  background: #FFBF7F; }
.footer #color-item-3 {
  background: #FFDF7F; }
.footer #color-item-4 {
  background: #FFFF7F; }
.footer #color-item-5 {
  background: #BEFF7F; }
.footer .footer-content {
  padding: 35px 0;
  border-bottom: 1px solid #EEEEEE; }
  .footer .footer-content img {
    margin-top: 25px; }
  .footer .footer-content label {
    font-size: 11px;
    font-weight: 600;
    color: #9DB1AD;
    font-family: "Inter", sans-serif; }
  .footer .footer-content .link-list {
    text-align: right; }
  .footer .footer-content ul {
    list-style: none; }
    .footer .footer-content ul a {
      font-family: "Inter", sans-serif;
      color: #527570;
      font-size: 13px; }
.footer .footer-copyright {
  padding: 15px;
  font-size: 13px;
  color: #9DB1AD;
  font-family: "Inter", sans-serif; }
  .footer .footer-copyright .privacy-terms {
    text-align: right; }
  .footer .footer-copyright a {
    font-size: 13px;
    color: #9DB1AD;
    font-family: "Inter", sans-serif;
    text-decoration: underline;
    margin-left: 25px; }

.tierlist-hero {
  background: #2AFFDC;
  padding-top: 60px;
  padding-bottom: 20px; }
  .tierlist-hero .breadcr {
    margin-bottom: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: #527570; }
    .tierlist-hero .breadcr a {
      color: #527570;
      text-decoration: underline; }

.empty-space {
  display: block;
  height: 500px; }

.tier-list-actions {
  padding: 25px 0;
  border-bottom: 1px solid #EEEEEE; }

.post-credits {
  font-family: "Inter", sans-serif;
  color: #527570;
  font-size: 13px;
  padding: 15px 0; }
  .post-credits a {
    color: #0079FF; }
  .post-credits .img-credits {
    text-align: right; }

.rank-block {
  border: 1px solid #EAECF1;
  border-radius: 3px; }
  .rank-block .img-wrap {
    height: 160px;
    background: url("../img/ranking_cover.jpg");
    border-radius: 3px; }
  .rank-block .text-wrap {
    margin: 15px 15px; }
    .rank-block .text-wrap .inv-link:hover {
      text-decoration: none; }
    .rank-block .text-wrap h4 {
      font-size: 16px;
      color: #414652;
      font-weight: 500; }
    .rank-block .text-wrap span {
      color: #0079FF; }

.recent-rankings {
  margin: 50px 0; }
  .recent-rankings .recent-grid {
    margin-top: 25px; }

.auth-form {
  background: #2AFFDC;
  padding-bottom: 50px; }
  .auth-form .auth-box {
    background: #FFFFFF;
    border-radius: 3px;
    padding: 50px 80px; }
    .auth-form .auth-box .input-wrap {
      margin-bottom: 20px; }
    .auth-form .auth-box .btn-wrap {
      text-align: right;
      margin-top: 40px; }

@media screen and (max-width: 768px) {
  nav, .featured-w-1, .footer {
    text-align: center; }

  .link-list {
    padding: 0;
    text-align: center !important;
    margin-top: 25px; }
    .link-list ul {
      margin: 0;
      padding: 0; }

  .privacy-terms {
    text-align: center !important; }

  .bottom-cta {
    text-align: center; }
    .bottom-cta .btn-wrap {
      text-align: center !important; }

  .tier-list-actions a {
    display: block;
    width: 100%;
    margin: 5px; }

  .featured-w-1 .search-wrapper {
     }
    .featured-w-1 .search-wrapper .inpt-wrapper {
      width: 100%; }

  .template-block {
    width: 60%;
    margin: 0 auto; }

  .rank-block {
    width: 60%;
    margin: 20px auto; } }

/*# sourceMappingURL=main.css.map */
