/* ------ fonts ------ */
body {
      font-family: 'Montserrat', sans-serif;
      background-color: #141411;
      color:#C4C4E5;
}

/* ------ main style ------ */
.xtheme-top-header-bkg{
    background-color:#31064D;
}

.xtheme-navbar-bkg{
    background-color:#191919;
}

.xtheme-slider-bkg{
    background-color:#370658;
}

.xtheme-slider-item{
    border-color:#F1CFFE;
}

.xtheme-simple-list-bkg{
    background-color:#370658;
}

.xtheme-simple-list-light-bkg{
    background-color:white;
}

.xtheme-simple-med-list-bkg{
    background-color:#370658;
}

.xtheme-simple-med-list-light-bkg{
    background-color:white;
}

.xtheme-footer-text a{
    color:#994EED;
    font-weight:500;
}

.xtheme-footer-text a:hover {
    color:#9988FF;
}

.xtheme-footer-brand{
    color:#B889EE;
}

.xtheme-user-menu{
    background-color:#2C0547;
}

/* ------ buttons ------ */

/* --- button a --- */
.xtheme-button-a {
    background-color:#580C8C;
    border:none;
    color:white;
}

.xtheme-button-a:hover {
    background-color:#6B09AF;
    color:white;
}

.xtheme-button-a:active,
.xtheme-button-a.active {
    background-color:#36065D !important;
    color:white !important;
}

.xtheme-button-a.disabled,
.xtheme-button-a:disabled {
    background-color: #6B6B6B;
    color: #FFFFFF;
}
/* --- button b --- */
.xtheme-button-b {
    background-color:#AE1F65;
    border:none;
    color:white;
}

.xtheme-button-b:hover {
    background-color:#BE1F79;
    color:white;
}

.xtheme-button-b:active,
.xtheme-button-b.active {
    background-color:#B21F70 !important;
    color:white !important;
}

.xtheme-button-b.disabled,
.xtheme-button-b:disabled {
    background-color: #6B6B6B;
    color: #FFFFFF;
}
/* --- button c --- */
.xtheme-button-c {
    background-color:#2B1764;
    border:none;
    color:white;
}

.xtheme-button-c:hover {
    background-color:#2F1769;
    color:white;
}

.xtheme-button-c:active,
.xtheme-button-c.active {
    background-color:#361779 !important;
    color:white !important;
}

.xtheme-button-c.disabled,
.xtheme-button-c:disabled {
    background-color: #6B6B6B;
    color: #FFFFFF;
}
/* --- button d --- */
.xtheme-button-d {
    background-color:#87219C;
    border:none;
    color:white;
}

.xtheme-button-d:hover {
    background-color:#93219F;
    color:white;
}

.xtheme-button-d:active,
.xtheme-button-d.active {
    background-color:#9A21A4 !important;
    color:white !important;
}

.xtheme-button-d.disabled,
.xtheme-button-d:disabled {
    background-color: #6B6B6B;
    color: #FFFFFF;
}
/* --- button e --- */
.xtheme-button-e {
    background-color:#9E7FB8;
    border:none;
    color:white;
}

.xtheme-button-e:hover {
    background-color:#A47FBE;
    color:white;
}

.xtheme-button-e:active,
.xtheme-button-e.active {
    background-color:#A97FC4 !important;
    color:white !important;
}

.xtheme-button-e.disabled,
.xtheme-button-e:disabled {
    background-color: #6B6B6B;
    color: #FFFFFF;
}
/* --- button f --- */
.xtheme-button-f {
    background-color:#8F8BC7;
    border:none;
    color:white;
}

.xtheme-button-f:hover {
    background-color:#9B8BCF;
    color:white;
}

.xtheme-button-f:active,
.xtheme-button-f.active {
    background-color:#A68BD7 !important;
    color:white !important;
}

.xtheme-button-f.disabled,
.xtheme-button-f:disabled {
    background-color: #6B6B6B;
    color: #FFFFFF;
}
/* --- button f --- */
.xtheme-button-g {
    background-color:#FF4F4F;
    border:none;
    color:white;
}

.xtheme-button-g:hover {
    background-color:#FF4F6F;
    color:white;
}

.xtheme-button-g:active,
.xtheme-button-g.active {
    background-color:#FF2500 !important;
    color:white !important;
}

.xtheme-button-g.disabled,
.xtheme-button-g:disabled {
    background-color: #8B787B;
    color: #FFFFFF;
}
/* --- button delete --- */
.xtheme-button-delete {
    background-color:#FB334F;
    border:none;
    color:white;
}

.xtheme-button-delete:hover {
    background-color:#FC395A;
    color:white;
}

.xtheme-button-delete:active,
.xtheme-button-delete.active {
    background-color:#FD435F !important;
    color:white !important;
}

.xtheme-button-delete.disabled,
.xtheme-button-delete:disabled {
    background-color: #6B6B6B;
    color: #FFFFFF;
}
/* ------ dropdown --------- */
.xtheme-dropdown-b {
    background-color:#AE1F65;
    border:none;
    color:white;
}

.xtheme-dropdown-b:hover {
    background-color:#BE1F79;
    color:white;
}

.xtheme-dropdown-b:active,
.xtheme-dropdown-b.active {
    background-color:#B21F70 !important;
    color:white !important;
}

.xtheme-dropdown-b:focus,
.xtheme-dropdown-b.focus {
    background-color: #B21F70 !important;
    color: white !important;
}

.xtheme-dropdown-b.disabled,
.xtheme-dropdown-b:disabled {
    background-color: #6B6B6B;
    color: #FFFFFF;
}
/* ------------------------ */

.xtheme-simple-med-list-title {
    color:#583079;
}

.font-500-white p {
	font-weight: 500;
    color:#FFFFFF;
}

.font-500-dark p {
	font-weight: 500;
    color:#583079;
}

.fw500-white {
    font-weight: 500;
    color:#FFFFFF;
}

.fw500-dark {
    font-weight: 500;
    color:#212529;
}

/* ------ pink button ------ */
.btn-custom {
  background-color: #AE1F65;
  color: white; 
}

.btn-custom:hover {
  background-color: #D12668; 
  color: white; 
}

/* ------ rating stars ------ */
.ratings{
    /*margin-right:10px;*/
}

.ratings i{    
    color:#cecece;
    font-size:24px;
}

.rating-color{
    color:#fbc634 !important;
}

.review-count{
    font-weight:400;
    margin-bottom:2px;
    font-size:24px !important;
}

.small-ratings i{
  color:#cecece;
  font-size:15px;
}

.review-stat{
    font-weight:300;
    font-size:18px;
    margin-bottom:2px;
}

/* -------- icon a -------- */
.xtheme-icon-a
{
    color:#7710b0;
}
/* ------------------------ */


/* --- description version ---- */
.r-description-version
{
    color:white;
    font-weight: 700;
}

.r-description-version span
{
    color:#FF7272;
}
/* ------------------------ */

/* --- description donate--- */
.r-description-donate
{
    color:#C4C4E5;
}

.r-description-donate:hover
{
    color:#CFCFEF;
}
/* ------------------------ */

.r-common-link
{
    color:#C4C4E5;
}

.r-common-link:hover
{
    color:#CFCFEF;
}
/* ------------------------ */
.a-common-link
{
    color:#8367e8;
}

.a-common-link:hover
{
    color:#8367F8;
}
/* ------------------------ */


.social-media-icon {
    text-decoration: none;
    display: inline-block; /* Asegura que el efecto de transformación funcione bien */
}

.social-media-icon img {
    width: 40px; /* Tamaño original */
    transition: transform 0.1s ease-in-out; /* Hace que el cambio sea suave */
}

.social-media-icon:hover img {
    transform: scale(1.2); /* Escala la imagen un 20% más grande */
}





/* --------- COLORS ----------- */

/* ---------------------------- */