/********************************/
/* CLASSES
/********************************/


/* Visibility */
@media (max-width : 1199px) { .desktop-only { display: none !important; } }
@media (min-width : 1200px) { .mobile-only  { display: none !important; } }
/***/



/* Colors */
.white-color 		{ color: var(--white-color); }
.lighter-color		{ color: var(--lighter-color); }
.light-color		{ color: var(--light-color); }
.grey-color			{ color: var(--grey-color); }
.dark-color 		{ color: var(--dark-color); }
.darker-color 		{ color: var(--darker-color); }
.black-color 		{ color: var(--black-color); }

.cold-color 		{ color: var(--cold-color); }
.cool-color 		{ color: var(--cool-color); }
.warm-color 		{ color: var(--warm-color); }
.hot-color 			{ color: var(--hot-color); }

.primary-color 		{ color: var(--primary-color); }
.secondary-color	{ color: var(--secondary-color); }
.fancy-color 		{ color: var(--fancy-color); }

.text-color 		{ color: var(--text-color); }
.link-color 		{ color: var(--link-color); }
.hover-color 		{ color: var(--hover-color); }

.alert-color 		{ color: var(--alert-color); }
.error-color 		{ color: var(--error-color); }
.warning-color 		{ color: var(--warning-color); }
/***/



/* Backgrounds */
.cover-bg {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
			background-size: cover;	
}
.contain-bg {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: contain;
			background-size: contain;		
}

.parallax-bg {
	background-repeat: no-repeat;
	background-position: 50% 0;
	-webkit-background-size: 100% auto;
			background-size: 100% auto;	
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
	will-change: background-position;
}

.fixed-bg {
	background-attachment: fixed;
}

.shaded-bg:after {
	content: '';
	position: absolute;
	z-index: 9;
	inset: 0;
	background-color: rgba(0,0,0,0.5);
}
.hash-bg:after {
}
/***/



/* Images */
img.max-width {
	max-width: 100%;
}
/***/



/* Fonts */
.smallest-font 		{ font-size: round(0.666667em,1px); }
.smaller-font 		{ font-size: round(0.777778em,1px); }
.small-font 		{ font-size: round(0.888889em,1px); }
.large-font 		{ font-size: round(1.166666em,1px); }
.larger-font 		{ font-size: round(1.333333em,1px); }
.largest-font 		{ font-size: round(1.500000em,1px); }

.lighter-font		{ font-weight: lighter; }
.bolder-font		{ font-weight: bolder; }

.light-font			{ font-weight: 300; }
.regular-font		{ font-weight: 400; }
.medium-font		{ font-weight: 500; }
.bold-font			{ font-weight: 700; }

.base-font			{ font-family: var(--base-font); }
.primary-font		{ font-family: var(--primary-font); }
.secondary-font		{ font-family: var(--secondary-font); }
.fancy-font			{ font-family: var(--fancy-font); }
.latin-text 		{ font-size: 0.8888em; }

.font-size--smaller { font-size: smaller; }
.font-size--larger 	{ font-size: larger; }
/***/



/* Text */
.text-align-initial 	{ text-align: initial; }
.text-align-left 		{ text-align: left; }
.text-align-right 		{ text-align: right; }
.text-align-center 		{ text-align: center; }
.text-align-justify 	{ text-align: justify; }
.text-align-justify-plus{ text-align: justify; text-align-last: center;}

.text-align-start 		{ text-align: start; }
.text-align-end			{ text-align: end; }
.text-align-pretty		{ text-wrap: pretty; }
/***/



/* Misc. */
.overflow-clip {
	overflow: clip;
}

.relative-wrapper {
	position: relative;
}

.rtl { direction: rtl; }
.ltr { direction: ltr; }
.clear,
.clear-fix { clear: both; }
/***/


