@import url("https://fonts.googleapis.com/css?family=Bubblegum+Sans&display=swap");

#sp-header {
  background: #3f0622;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
  color: #ffa27e;
}
.sp-megamenu-parent > li > a:hover {
  color: #ffa27e;
}

.sp-megamenu-parent > li > a {
  color: #ffffff;
  font-family: "Pangolin";
  font-size: 24px;
}
.logo-image {
  display: none !important;
}
#offcanvas-toggler > .fa {
  color: #ffffff;
}
.offcanvas-menu {
  font-family: Pangolin;
}

/*Offcanvas Mobile Menu*/
@media (min-width: 320px) and (max-width: 480px) {
  ul#offcan_desk-tab {
    display: none !important;
  }
  .offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
    margin-bottom: 0px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  ul#offcan_desk-tab {
    display: none !important;
  }
}

/*Offcanvas Tablet Menu*/
@media (min-width: 768px) and (max-width: 1024px) {
  ul#offcan_mobile {
    display: none !important;
  }
}

/*Social Media Icons Tablet Menu*/
@media (min-width: 768px) and (max-width: 991px) {
  ul.social-icons.font-fam {
    position: absolute !important;
    margin-top: -50px !important;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  ul.social-icons.font-fam {
    position: absolute !important;
    margin-top: -50px !important;
  }
}

/*Social Media Icons Mobile Menu*/
@media (min-width: 320px) and (max-width: 480px) {
  ul.social-icons.font-fam {
    position: absolute !important;
    margin-top: -50px !important;
  }
}

/*Rarity Page CSS*/
body.nft-rarity {
  background-color: #eef0f4;
}
img.ant-image-img {
  border-radius: 20px !important;
}
.ant-ribbon-wrapper {
  max-width: max-content !important;
}
.ant-card {
  border-radius: 20px !important;
}
.ant-alert.ant-alert-info.ant-alert-no-icon {
  padding: 4px 5px 4px 14px !important;
}
.ant-alert-action span {
  padding-right: 4px !important;
  width: 70px !important;
}

/*Bottom List Rarity Page*/
/* .pagination > ul > li {
    display: inline-block !important;
    padding-right: 50px !important;
} */
/* ul.pagination-list {
    margin-top: 7px !important;
    margin-bottom: 0px !important;
} */
div#ttth-cardbody {
  overflow-y: scroll !important;
  height: 550px !important;
}

@media (min-width: 481px) and (max-width: 992px) {
  .nft-samp {
    display: flex !important;
    flex-direction: column !important;
  }
  .ant-ribbon-wrapper {
    width: 100% !important;
  }
  img.ant-image-img {
    height: 100% !important;
  }
  .ant-card {
    width: 100% !important;
  }
  div#ttth-cardbody {
    overflow-y: unset !important;
    height: auto !important;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .nft-samp {
    display: flex !important;
    flex-direction: column !important;
  }
  .ant-ribbon-wrapper {
    width: 100% !important;
  }
  img.ant-image-img {
    height: 100% !important;
  }
  .ant-card {
    width: 100% !important;
  }
  div#ttth-cardbody {
    overflow-y: unset !important;
    height: auto !important;
  }
}

/*Rarity Ranker Button*/
@media (min-width: 768px) and (max-width: 1024px){
  
  #sppb-addon-wrapper-1646708008008 {
    position: relative !important;
    left: 20px  !important;
}
#sppb-addon-wrapper-1646707970688 {
    position: relative  !important;
    left: 20px !important;
}
}
/*Banner CSS*/
@media (min-width: 992px) and (max-width: 1669px){
  #sppb-addon-wrapper-1637289647519 {
    margin: 0px 0px 25px 0px !important;
}
}
@media (min-width: 992px) and (max-width: 1140px) {
.text-banner img {
    width: 62%;
    position: relative;
    left: -23%;
  z-index:1;
}

}
@media (min-width: 1141px) and (max-width: 1300px){
  
  .text-banner img {
    width: 59%;
    position: relative;
    left: -20%;
}
}