/*
==========================
Utility Classes
==========================
*/

/* Alignment
---------------------------------- */
.centered {
	margin-left: auto !important;
	margin-right: auto !important;
}

.center { text-align:center !important; }
.right { text-align:right; }

/* Colors
---------------------------------- */
.color-fff { color:#fff; }
.color-434343 { color:#434343; }

.color-f00 { color:#f00; }
.color-13497b { color: #13497b; }


/* Fonts
---------------------------------- */
.cardo { font-family:Cardo, Times, "Times New Roman", serif; }
.garamond { font-family:Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", Times, serif; }
.open-sans { font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.trebuchet-ms { font-family:"Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.lucida-handwriting { font-family:"Lucida Handwriting", Zapfino, "URW Chancery L", "Courier New", Courier, monospace; }

/* Font Sizing
----------------------------------
Notes: 

Decreasing and increasing off of the base font-size
by 0.2em.

Make sure to use a unitless line-height so that the
base line-height scales with the new font-size.
*/
.smallest { font-size:0.4em; }
.smaller { font-size:0.6em; }
.small { font-size:0.8em; }
.big { font-size:1.2em; }
.bigger { font-size:1.4em; }
.biggest { font-size:1.6em; }

/* Font Weights
---------------------------------- */
.bold { font-weight:700; }
.bolder { font-weight:900; }

/* Hiding Content
---------------------------------- */

/* Removes content visibly and from page flow, but is still used by screen readers. */
/* Source (http://webaim.org/techniques/css/invisiblecontent/#absolutepositioning) */
.a11y-content {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* Removes content visibly, from page flow, and from screen readers. */
.hide {	display:none; }

/* Removes content visibly and from screen readers, but not page flow. */
.invisible { visibility:hidden; }

/* Lists
---------------------------------- */
.list-style-none {
	list-style:none;
	padding-left:1.75em;
}

ul.check li {
	list-style: disc outside url(/wp-content/uploads/2013/07/green-check.png);
}

/* Margins
---------------------------------- */

/* Remove margins. */
.margin-top-0 { margin-top:0 !important; }
.margin-bottom-0 { margin-bottom:0  !important; }
.margin-left-0 { margin-left:0 !important; }
.margin-right-0 { margin-right:0 !important; }
.margin-0, .mar0 { margin:0 !important; }
.margin-0-auto { margin:0 auto !important; }

/* Misc. Utility
---------------------------------- */

.nowrap { white-space: nowrap; }

/*	Modern Clearfix - Source: https://css-tricks.com/snippets/css/clear-fix/ */
.group:before,
.group:after {
    content: "";
    display: table;
} 

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


/* Flex rules from singles.css */

.flex {
	display: flex;
	gap: 1em;
	margin: 1.4em auto;
}

.f-centered {
	justify-content: center !important;
	align-items: center !important;
}

.gap-large {
	gap: 2em !important;
}

.f-wrap {
	flex-wrap: wrap !important;
}

/* Width Limiters */

.maxwid5 {
	max-width: 5em !important;
}

.maxwid6 {
	max-width: 6em !important;
}

.maxwid7 {
	max-width: 7em !important;
}

.maxwid8 {
	max-width: 8em !important;
}

.maxwid9 {
	max-width: 9em !important;
}

.maxwid10 {
	max-width: 10em !important;
}

.maxwid11 {
	max-width: 11em !important;
}

.maxwid12 {
	max-width: 12em !important;
}

.maxwid13 {
	max-width: 13em !important;
}

.maxwid14 {
	max-width: 14em !important;
}

.maxwid15 {
	max-width: 15em !important;
}

.maxwid16 {
	max-width: 16em !important;
}

.maxwid17 {
	max-width: 17em !important;
}

.maxwid18 {
	max-width: 18em !important;
}

.maxwid19 {
	max-width: 19em !important;
}

.maxwid20 {
	max-width: 20em !important;
}

.maxwid21 {
	max-width: 21em !important;
}

.maxwid22 {
	max-width: 22em !important;
}

.maxwid23 {
	max-width: 23em !important;
}

.maxwid24 {
	max-width: 24em !important;
}

.maxwid25 {
	max-width: 25em !important;
}

.maxwid26 {
	max-width: 26em !important;
}

.maxwid27 {
	max-width: 27em !important;
}

.maxwid28 {
	max-width: 28em !important;
}

.maxwid29 {
	max-width: 29em !important;
}

.maxwid30 {
	max-width: 30em !important;
}

.maxwid35 {
	max-width: 35em !important;
}

.maxwid40 {
	max-width: 40em !important;
}

.maxwid45 {
	max-width: 45em !important;
}

.maxwid50 {
	max-width: 50em !important;
}

.maxwid55 {
	max-width: 55em !important;
}

.maxwid60 {
	max-width: 60em !important;
}

.maxwid65 {
	max-width: 65em !important;
}

.maxwid70 {
	max-width: 70em !important;
}

.maxwid75 {
	max-width: 75em !important;
}

.maxwid80 {
	max-width: 80em !important;
}

.maxwid85 {
	max-width: 85em !important;
}

.maxwid90 {
	max-width: 90em !important;
}

.maxwid95 {
	max-width: 95em !important;
}

.maxwid100 {
	max-width: 100% !important;
}

.maxwidcenter15 {
	max-width: 15em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter16 {
	max-width: 16em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter17 {
	max-width: 17em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter18 {
	max-width: 18em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter19 {
	max-width: 19em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter20 {
	max-width: 20em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter21 {
	max-width: 21em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter22 {
	max-width: 22em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter23 {
	max-width: 23em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter24 {
	max-width: 24em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter25 {
	max-width: 25em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter26 {
	max-width: 26em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter27 {
	max-width: 27em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter28 {
	max-width: 28em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter29 {
	max-width: 29em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter30 {
	max-width: 30em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter31 {
	max-width: 31em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter32 {
	max-width: 32em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter33 {
	max-width: 33em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter34 {
	max-width: 34em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter35 {
	max-width: 35em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter36 {
	max-width: 36em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter37 {
	max-width: 37em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter38 {
	max-width: 38em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter39 {
	max-width: 39em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter40 {
	max-width: 40em !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxwidcenter100 {
	max-width: 100% !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}