/* THIS FILE IS FOR CUSTOM CLASSES AND SHOULD BE EASILY TRANSFERRABLE BETWEEN PROJECTS */
div.center,
button.center {
	margin: 0 auto;
	display: block;
	float: none;
}

.txt--red { color: red; }

.txt--right { text-align: right; }

.txt--upper { text-transform: uppercase; }

div.spacer {
	margin: 2em 0;
	display: inline-block; /* Or else only half of the margin will be respected */
	width: 100%;
}

div.spacer--sm {
	margin: 1em 0;
	display: inline-block; /* Or else only half of the margin will be respected */
	width: 100%;
}

.underline { border-bottom: 3px solid #f15a22; }

.border-none { border: 0; }

.pt-lg { padding-top: 3em; }

.mt--0 { margin-top: 0px !important; }

.mt--10 { margin-top: 10px !important; }

.mt--20 { margin-top: 20px !important; }

.mb--0 { margin-bottom: 0px !important; }

.mb--10 { margin-bottom: 10px !important; }

.mb--20 { margin-bottom: 20px !important; }

.mb--10rem {
    margin-bottom: 10rem !important;
}

.ml--0 { margin-left: 0px !important; }

.ml--10 { margin-left: 10px !important; }

.ml--20 { margin-left: 20px !important; }

.mr--0 { margin-right: 0px !important; }

.mr--10 { margin-right: 10px !important; }

.mr--20 { margin-right: 20px !important; }

.padding--0 { padding: 0px !important; }

.pt--0 { padding-top: 0px !important; }

.pt--1 { padding-top: 6px; }

.pt--2 { padding-top: 12px; }

.pt--3 { padding-top: 18px; }

.pt--10 { padding-top: 10px !important; }

.pt--15 { padding-top: 15px !important; }

.pt--20 { padding-top: 20px !important; }

.pb--0 { padding-bottom: 0px !important; }

.pb--1 { padding-bottom: 12px; }

.pb--10 { padding-bottom: 10px !important; }

.pb--15 { padding-bottom: 15px !important; }

.pb--20 { padding-bottom: 20px !important; }

.pb--5rem { padding-bottom: 5rem !important; }

.pl--0 { padding-left: 0px !important; }

.pl--10 { padding-left: 10px !important; }

.pl--15 { padding-left: 15px !important; }

.pl--20 { padding-left: 20px !important; }

.pr--0 { padding-right: 0px !important; }

.pr--10 { padding-right: 10px !important; }

.pr--15 { padding-right: 15px !important; }

.pr--20 { padding-right: 20px !important; }

.mb-md { margin-bottom: 2em; }

.mb-md.mb-lg { margin-bottom: 2.5em; }

.heavy, .strong { font-weight: 700; }

.medium { font-weight: 600; }

span.font__normal { font-weight: 400; }

.text-sm { font-size: 0.8em; }

.tt--upper {text-transform: uppercase}

.ml--auto { margin-left: auto; }

.bb--solid { border-bottom: 1px solid #ccc; }

.bb--dotted { border-bottom: 1px dotted #ccc; }

.bb--orange { border-bottom: 4px solid #f15a22; }

.bt--orange { border-top: 4px solid #f15a22; }

.bt--blue { border-top: 4px solid #0c2340; }

.bt--grey { border-top: 1px solid #dee2e6; }

.bt--0, .bt--none { border-top: 0px; }

.bl--orange { border-left: 4px solid #f15a22; }

.bl--blue { border-left: 4px solid #0c2340; }

.bl--grey { border-left: 1px solid #dee2e6; }

.bl--0, .bl--none { border-left: 0px; }

.box-shadow {
	-webkit-box-shadow: 0px 3px 9px -2px rgba(0, 0, 0, 0.61);
	-moz-box-shadow: 0px 3px 9px -2px rgba(0, 0, 0, 0.61);
	box-shadow: 0px 3px 9px -2px rgba(0, 0, 0, 0.61);
}

.padding-vert {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.txt--green { color: #28a745; }

.txt--red { color: #dc3545; }

.txt--orange { color: #f15a22; }

.txt--lightOrange { color: #f69c7a; }

.txt--black { color: #333; }

.txt--white { color: #efefef; }

.txt--upper { text-transform: uppercase; }

.txt--medium {
	font-weight: 700;
	font-weight: 600;
}

.txt--decoration__none { text-decoration: none; }

.txt--decoration__none:hover, .txt--decoration__none:focus { text-decoration: none; }

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

a.txt--green { color: #28a745; }

a.txt--green:hover, a.txt--green:focus { color: #208738; }

a.txt--red { color: #dc3545; }

a.txt--red:hover, a.txt--red:focus { color: #a61d2a; }

.bg--blue { background-color: #0c2340; }

.bg--white { background-color: white; }

div.box--shadow,
table.box--shadow { box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.25) }

label.label--md { font-size: 15px; }