/**
 * This stylesheet contains class fragments that only affect formatting, not positioning, margins, or
 * padding. The intent is to provide common styles that can be used on any web site by combining 
 * them with other styles (see class list) to achieve a more modular design. This stylesheet should
 * NEVER contain size specifications.
 *
 ****************************************************************************************************/
.bg-tan {
	background-color: #b99e62;
}

.bg-green {
	background-color: #3d5114;
}

.bg-cream {
	background-color: #fef9e7;
}

.bg-image {
	background-position: center;
	background-repeat: no-repeat;
	/*Set to 100.9% to hide minor variances seen on the edges of some images*/
	background-size: 100.9%;
}

.border-black {
	border: 0.5px solid #000000;
}

.rounded {
	border-radius: 4px;
}

.text-black {
	color: #000000;
}

.text-cream {
	color: #fef9e7;
}

.text-green {
	color: #638115;
}

.dollar::before {
	content: "$";
}

/*Allows non-anchor objects to behave like an anchor by changing the cursor style*/
.clickable:hover {
	cursor: pointer;
}

/*Sets the font color for disabled anchor and 'clickable' objects*/
.disabled-text {
	color: #505050;
}

.disabled-image,button.disabled {
	border: 1px solid #505050;
}

/*Sets the font color for anchor and 'clickable' objects*/
.linked-text {
	color: #893d3d;
	transition: 0.4s;
}

/*Sets the hover font color for anchor and 'clickable' (but not 'disabled') objects*/
.linked-text:hover:not(.disabled) {
	color: #d31717;
	transition: 0.2s;
}

.linked-image {
	border: 1px solid #b99e62;
	transition: 0.4s;
}

.linked-image:hover:not(.disabled) {
	border: 1px solid #d31717;
	transition: 0.2s;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}


/*Strike-through text*/
.strike {
	text-decoration-line: line-through;
}

/*Boldened text*/
.bold {
	font-weight: bold;
}

/*Italicized text*/
.italic {
	font-style: italic;
}

/*Superscript text*/
.super {
	vertical-align: super;
    font-size: smaller;
}

/*Subscript text*/
.sub {
	vertical-align: sub;
    font-size: smaller;	
}

/*Force upper case text*/
.upper {
	text-transform: uppercase;
}

/*Force lower case text*/
.lower {
	text-transform: uppercase;
}

/*Force capitalized words*/
.caps {
	text-transform: capitalize;
}

.small-caps {
	font-variant-caps: small-caps;
}

/*Force under lined text*/
.under {
	text-decoration-line: underline;
}

/*Force over lined text*/
.over {
	text-decoration-line: overline;
}

.hidden {
	visibility: hidden;
}

.visible {
	visibility: visible;
}

.transparent {
	opacity: 0;
}

.faded {
	opacity: 0.5;
}