@import './color-variables.css';

/* text colors (tc = text-color) */

.tc-default{
    color: var(--orch-mrkt-text-default);
}

.tc-alternative{
    color: var(--orch-mrkt-text-inverse-default);
}

.tc-obsidian{
    color: var(--orch-mrkt-text-primary-default)
}


.tc-hint{
    color: var(--orch-mrkt-text-hint);
}


.tc-disabled{
    color: var(--orch-mrkt-text-disabled);
}

/* text styling */

.text-centered{
    text-align: center;
}

.text-not-centered{
    text-align: left;
}


@media (max-width: 991.98px) {
	.md-text-centered{
		text-align: center;
	}
    .md-text-not-centered{
        text-align: left;
    }
}

@media (max-width: 767.98px) {
	.sm-text-centered{
		text-align: center;
	}
    .sm-text-not-centered{
        text-align: left;
    }
}

@media (max-width: 575.98px) {
	.xs-text-center{
		text-align:center;
	}
    .xs-text-not-centered{
        text-align: left;
    }
}

.text-no-wrap{
    white-space: nowrap
}

.link-text{
    color: var(--orch-mrkt-text-primary-light);
    
}

.link-text:hover{
    text-decoration: underline;
}