/* Covenant Main */

body   {
    width: 100%;
}
section   {
    padding: 0;
    width: 100%;
}

div.open   {
    width: 95vw;
}

nav	{
	padding: 21px 0;
    width: 95vw;
}

nav img	{
	max-width: 20vw;
	max-height: 90px;
}

nav a	{
	width: 17vw;
	font-size: 16px;
}

nav a:first-of-type	{
	display: inline-block;
	float: left;
	width: 25vw;
}

nav a:nth-of-type(5)	{
	border-right: 1px solid rgba(168, 155, 130, 0.5);
}

nav a:nth-of-type(6)	{
	border-right: none;
}

nav a:nth-of-type(9)	{
	border-right: 1px solid rgba(168, 155, 130, 0.5);
}

nav a:nth-of-type(10)	{
	border-right: none;
}

nav a.nolarge	{
	display: none;
}

nav a.nonmobile	{
	display: inline-block;
}

h1	{
	font-size: 40px;
}

h1 span	{
	font-size: 20px;
}

h1.leadin   {
    font-style: italic;
    font-family: Times, "Times New Roman", "serif";
    font-size: 32px;
    font-weight: 100;
    line-height: 1.8em;
}

h2	{
	font-size: 30px;
}

h2 span	{
	font-size: 20px;
}

p	{
	font-size: 18px;
}

p img	{
	margin: 7px 7px 28px 28px;
	max-width: 20vw;
}

ul	{
	width: 90vw;
	display: block;
	margin: 7px auto;
	list-style: none;
}

li	{
	padding: 0 14px;
}

ul.bulleted   {
    list-style: disc;
    font-size: 18px;
    display: block;
    padding: 0 40px;
}

form	{
	width: 100%;
	margin: 7px 40px;
    display: inline-block;
}

form p	{
	margin: 12px auto;
	width: 100%;
}

form p input	{
	font-size: 18px;
	width: 100%;
}

form select	{
	font-size: 16px;
}

form p textarea	{
	font-size: 18px;
	width: 100%;
}

input[type="submit"]	{
	width: 50%;
	margin: 0 auto;
	padding: 7px 14px;
	border-radius: 7px;
	font-size: 20px;
}

/* Phone Number Link Management */

p.phone_number a	{
	padding: 7px 14px;
	border-radius: 7px;
	font-size: 20px;
}

p.phone_number span	{
	font-size: 30px;
	color: #4ed2a9;
}
/* Button Management */

a.button	{
	padding: 7px 14px;
	border-radius: 7px;
	font-size: 20px;
}

/* Modifier Classes */

.boldnote	{
	font-weight: bold;
	font-size: 18px;
	color: white;
}

.book h2 em	{
	display: block;
	font-size: 20px;
}

.buttongroup	{
	width: 90vw;
	display: block;
	margin: 7px auto;
	clear: both;
	text-align: center;
}

.buttongroup a	{
	margin: 14px 7px;
}

.button.cl	{
	margin-left: -5%;
}

.certs img   {
    width: 10vw;
}

.docs a	{
	margin-top: 12px;
	padding: 7px;
	font-size: 18px;
}

section.appointment_req   {
    display: inline-block;
    width: 40vw;
    margin-left: 5vw;
    vertical-align: top;
}

section.focus   {
    display: inline-block;
    width: 30vw;
    vertical-align: top;
    margin-left: 15vw;
}

section.focus *   {
    max-width: 100%;
}

.fineprint	{
	font-size: 14px;
}

.leadin	{
	font-size: 20px;
}

.locinfo	{
	float: left;
	width: 40vw;
	margin-left: 5vw;
}

.locinfo img	{
	width: 100%;
}

.locinfo p	{
	width: 100%;
}

.locview	{
	display: inline-block;
	max-width: 40vw;
	margin: 21px 2.5vw;
}

.locview p	{
	width: 100%;
}

.locview img	{
	width: 100%;
}

.map 	{
	width: 40%;
	float: right;
	margin-right: 5vw;
}

.multicol	{
	-webkit-columns: 3;
	-moz-columns: 3;
    columns: 3;
    width: 65vw;
    margin-left: 5vw;
}

.open	{
	height: 170px;
}

.promo   {
    width: 94vw;
    display: inline-block;
    margin: 14px 5vw;
	border-radius: 0;
	box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
}

.promo img	{
	box-shadow: 0px 1px 7px rgba(0,0,0,0.7);
}

.promo img.distance   {
    width: 58vw;
    border-radius: 12px;
}

.promo img.featured   {
    width: 29vw;
    margin-left: 3vw;
    border-radius: 12px;
}

.promo img.cws   {
    width: 50vw;
}

.podcast_player   {
    width: 25vw;
    display: inline-block;
    margin-left: 5vw;
}

.podcast_player audio   {
    width: 100%;
    height: 35px;
}


.spotlight	{
	width: 40vw;
	margin-left: 5vw;
}

.staff	{
	display: inline-block;
	width: 20vw;
	margin: 21px 21px;
}

.staffgroup	{
	width: 80vw;
	display: block;
	margin: 0 auto;
    text-align: center;
}

.staffgroup h1	{
	width: 100%;
}

.staff img	{
	max-width: 20vw;
}

.staff_name span	{
	font-size: 16px;
}

/* Matrix */

.resources a	{
	width: 22.5vw;
	height: 22.5vw;
	padding-top: 16.5vw;
	font-size: 18px;
}

.resources a span	{
	height: 6vw;
}

.resources.directions a	{
	width: 45vw;
	height: 25vw;
	padding-top: 18vw;
	font-size: 18px;
}

.resources.directions a span	{
	height: 7vw;
}

.addiction   {
    display: none;
}

.addictionlg	{
	width: 60vw;
	display: block;
	margin: 21px auto;
	padding: 0;
	text-align: center;
	background-color: #5C3C1A;
	border-radius: 21px;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.7);
	overflow: hidden;
}

.addictionlg a img   {
    width: 100%;
    display: block;
}

.pair   {
    display: none;
}

.pairlg	{
	width: 60vw;
	display: block;
	margin: 21px auto;
	padding: 0;
	text-align: center;
	background-color: #5C3C1A;
	border-radius: 21px;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.7);
	overflow: hidden;
}

.pairlg a img   {
    width: 100%;
    display: block;
}

a#family	{
	background-position: center center;
}

a#coaching	{
	background-position: center center;
}


/* CWS Matrix */

.chooser   {
    text-align: center;
    width: 60vw;
    overflow: visible;
    margin-bottom: 0;
    height: auto;
}

.chooser a	{
	width: 20vw;
	height: 20vw;
	text-align: center;
    padding-top: 22vw;
    padding-bottom: 4vw;
    overflow: visible;
    margin: 0 2vw 4vw;
    font-size: 24px;
    font-weight: bold;
    transition: all 0.5s;
}


.chooser a:hover	{
	filter: sepia(0%) opacity(100%);
    transform: scale(1.1);
    transition: all 0.5s;
    color: white;
}



/* YouTube Embed */

.youtubevid   {
    padding-bottom: 506px;
    padding-top: 25px;
}

.youtubevid iframe   {
    min-width: 900px;
    min-height: 506px;
    max-width: 900px;
    max-height: 506px;
    margin: 0 auto;
    display: block;
    position: relative;
}

#billboard{
	height: 200px;
	width: 60vw;
	margin: 14px auto;
	display: block;

}

#billboard p{
	position: absolute;
	width: 60vw;
	height: 200px;
	border-radius: 14px;
	overflow: hidden;
    text-align: center;
    color: white;
    font-size: 18px;
    font-style: italic;
}

/*  Emergency Resources */

div.card_group   {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    
}

div.card   {
    width: 90%;
    margin: 40px auto;
    padding: 5%;
}


/* Form Enhancements */

div.form_group   {
    width: 45%;
    margin: 21px auto;
    padding: 0 3%;
    display: inline-block;
}


/* Document List Enhancements */

div.doc_group   {
    width: 45%;
    margin: 21px auto;
    padding: 0 3%;
    display: inline-block;
}


/* Staff Bio Enhancements */


div.specialty   {
    margin: 7px 1.5%;
    display: inline-block;
    width: 30%;
}

div.credential   {
    margin: 7px 1.5%;
    display: inline-block;
    width: 30%;
}

/* 10d updates */

div.bio_pic_centered   {
	text-align: center;
	margin: 0 auto;
	width: 50vw;
}


/* Site Copyright */

div.footer_pair   {
    float: right;
    width: 30%;
    max-width: 300px;
    margin: 28px 0 21px auto;
}

div.footer_covenant   {
    float: left;
    width: 40%;
    max-width: 450px;
    margin: 7px auto 21px 0;
}

