/* @group Universal */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
   	vertical-align: top; removed from block by us
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* HTML5 elements */
article, aside, figure, footer, header, main, nav, section {display: block;}

body, html {
	background-color: #ffffff;
	color: #333333;
	font-family: 'Libre Baskerville', Georgia, "Times New Roman", serif;
	line-height: 1.6;
}

.wrap {width: 100%; overflow: auto;}

.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
}

img {max-width: 100%; height: auto; width: auto\9;/*ie8*/}
/* height: auto; seems to override any height or width attributes in the HTML*/


/* TYPOGRAPHY */

h1 {
	color: #ed7d31;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
	font-weight: bold;
	padding-bottom: 1em;
}
h2 {
	color: #ed7d31;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
	font-weight: bold;
}
h3 {color: #335566;}

main li {margin-left: 1.25em;}

hr {
	border: none 0;
	clear: both;
	width: 98%;
	height: 1px;
	margin: 0 0 1em 0;
	padding: 0;
	/* left align in IE, Opera */
	text-align: left;
}



/* NAVIGATION */

nav {
	position: relative;
	z-index: 5000;
}


/* CONTENT */

main h2, main h3 {font-weight: bold; margin-bottom: 1em;}
main p {margin-bottom: 1em;}

main hr {border-top: 1px solid #AEC8D6;}


/* FOOTER */

#footer hr {border-top: 1px dashed #ffffff;}


/* LINKS */

a:link    {color: #ed7d31;}
a:visited {color: #ed7d31;}
a:hover   {color: #ed7d31;}
a:active  {color: #ed7d31;}

/* a[href$=".pdf"] {
	background: url(pdf.png) no-repeat left center;
	padding-left: 1.5em;
}

This can be done for .doc, .docx, and other files
*/


/* COLOR PALETTE */

.bg-orange {background-color:	#ed7d31;}
.cp-orange {color:				#ed7d31;}

.bg-blue {background-color:	#90b4c7;}
.cp-blue {color:			#90b4c7;}

.bg-blue-lighter {background-color:	#CCDCE5;}
.cp-blue-lighter {color:			#CCDCE5;}

.bg-blue-light {background-color:	#AEC8D6;}
.cp-blue-light {color:				#AEC8D6;}

.bg-blue-dark {background-color:	#335566;}
.cp-blue-dark {color:				#335566;}

.bg-white {background-color:	#ffffff;}
.cp-white {color:				#ffffff;}

.bg-gray {background-color:	#cccccc;}
.cp-gray {color:			#cccccc;}

.bg-gray-dark {background-color:	#333333;}
.cp-gray-dark {color:				#333333;}

.bg-black {background-color:	#000000;}
.cp-black {color:				#000000;}


/* BUTTONS */

.btn {
	display: block;
	border-radius: .375em;
	font-weight: bold;
	padding: .5em 1em;
	text-decoration: none;
}/* display can also be set to inline-block */

a.btn.bg-blue {color: #ffffff;}
a.btn.bg-blue:hover {
	background-color: #3498db;
	color: #ffffff;
}


a.btn.bg-black-20 {color: #333333;}
a.btn.bg-black-20:hover {
	background-color: #999999;
	color: #ffffff;
}/* light button with dark text */

a.btn.bg-black {color: #ffffff;}
a.btn.bg-black:hover {
	background-color: #4d4d4d;
	color: #ffffff;
}/* dark button with light text */

.btn-social {
	border-radius: .375em;
	display: inline-block;
	margin: 1em .5em;
	padding: .25em;
}


/* ALIGNMENT */

.alignright {float:right;}
.alignleft {float:left;}
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}


/* FORM INPUTS */

input[type='text'],
input[type='email'],
input[type='tel'],
select,
textarea {width: 96%; margin-left: 2%; margin-bottom: 1.5em;}

input[type='text'],
input[type='email'],
input[type='tel'],
textarea {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

input[type="submit"], button.sendBtns {
	background-color:	#335566;
	border: none;
	color: #ffffff;
	margin-left: 0.375em;
	cursor: pointer;
	font-size: 1em;
	padding: 1em 2em;
	display: block;
	border-radius: .375em;
	font-weight: bold;
	text-decoration: none;
}

input:focus, textarea:focus {background-color: #ededed;}

label {margin-left: 1em;}


/* NICOLE SULLIVAN'S MEDIA OBJECT: bit.ly/cCY3Ew
I've renamed the classes and slightly modified the code. */

.media {margin: 1em 0; padding: .625em;}
.media, .media_body {overflow: hidden;}
.media .media_img {float: left; margin-right: 1em;}
.media .media_img img {display: block;}


/* STYLING */

.shadow {box-shadow: 0 .125em .25em 0 rgba(110,10,40,.2);}

.mat {
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	padding: .5625em .5625em .625em .5625em;
}

.rounded {border-radius: .25em;}

p.rt-float, img.rt-float {
	position: relative;
	float: right;
}


/* FIELDSET */

.wr_fieldset {
	width: 95%; 
	margin: 0.875em;
	padding: 0;
}

.wr_fieldset fieldset {border: 1px solid #003f76; }

.wr_fieldset legend {
	margin: 0 0.875em;
	padding: 0 0.3125em;
	color: #003f76;
	font-size: 0.875em;
	font-weight: bold;
}

.wr_fieldset_pad {
	margin: 0;
	padding: 0.5em;
}


/* TABLES & ZEBRA STRIPES */
table {border-collapse: collapse;}

th {
	background: #555555;
	color: #ffffff;
	font-weight: bold;
}

td, th {
	border-bottom: 1px solid #cccccc;
	padding: .625em;
	vertical-align: top;
}

table.zebra-stripe tr:nth-of-type(even) {background-color: #eeeeee;}


/* FLEXIBLE CONTAINER
more great info at https://css-tricks.com/aspect-ratio-boxes/
*/

.Flexible-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 2em;
	height: 0;
	overflow: hidden;
}

.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* BACKGROUNDS */

.bg-home  {
	background: #ffffff url(../images-abilifly/hero-images/home.jpg) no-repeat center center;
	height: 0;
	padding-bottom: 25%;
	-webkit-background-size: cover;
       -moz-background-size: cover;
    	 -o-background-size: cover;
    		background-size: cover;
}


/* @end */




@media all {
  .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .grid-container:before, .clearfix:before,
  .grid-container:after,
  .clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .grid-container:after, .clearfix:after {
    clear: both;
  }

  .grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-5, .small-grid-5, .medium-grid-5, .grid-10, .small-grid-10, .medium-grid-10, .grid-15, .small-grid-15, .medium-grid-15, .grid-20, .small-grid-20, .medium-grid-20, .grid-25, .small-grid-25, .medium-grid-25, .grid-30, .small-grid-30, .medium-grid-30, .grid-35, .small-grid-35, .medium-grid-35, .grid-40, .small-grid-40, .medium-grid-40, .grid-45, .small-grid-45, .medium-grid-45, .grid-50, .small-grid-50, .medium-grid-50, .grid-55, .small-grid-55, .medium-grid-55, .grid-60, .small-grid-60, .medium-grid-60, .grid-65, .small-grid-65, .medium-grid-65, .grid-70, .small-grid-70, .medium-grid-70, .grid-75, .small-grid-75, .medium-grid-75, .grid-80, .small-grid-80, .medium-grid-80, .grid-85, .small-grid-85, .medium-grid-85, .grid-90, .small-grid-90, .medium-grid-90, .grid-95, .small-grid-95, .medium-grid-95, .grid-100, .small-grid-100, .medium-grid-100, .grid-33, .small-grid-33, .medium-grid-33, .grid-66, .small-grid-66, .medium-grid-66 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-parent {
    padding-left: 0;
    padding-right: 0;
  }
}/*/mediaquery*/




/* ---- SMALL ---- */
@media screen and (max-width: 600px) {

/* iOS and Windows Mobile font-size changes fix from Ethan Marcotte */
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}

/* @group S: Grid */

.small-grid-100:before,
  .small-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .small-grid-100:after {
    clear: both;
  }

  .hide-on-small {
    display: none !important;
  }

.small-grid-5 {float: left; width: 5%;}
.small-prefix-5 {margin-left: 5%;}
.small-suffix-5 {margin-right: 5%;}

.small-grid-10 {float: left; width: 10%;}
.small-prefix-10 {margin-left: 10%;}
.small-suffix-10 {margin-right: 10%;}

.small-grid-15 {float: left; width: 15%;}
.small-prefix-15 {margin-left: 15%;}
.small-suffix-15 {margin-right: 15%;}

.small-grid-20 {float: left; width: 20%;}
.small-prefix-20 {margin-left: 20%;}
.small-suffix-20 {margin-right: 20%;}

.small-grid-25 {float: left; width: 25%;}
.small-prefix-25 {margin-left: 25%;}
.small-suffix-25 {margin-right: 25%;}

.small-grid-30 {float: left; width: 30%;}
.small-prefix-30 {margin-left: 30%;}
.small-suffix-30 {margin-right: 30%;}

.small-grid-35 {float: left; width: 35%;}
.small-prefix-35 {margin-left: 35%;}
.small-suffix-35 {margin-right: 35%;}

.small-grid-40 {float: left; width: 40%;}
.small-prefix-40 {margin-left: 40%;}
.small-suffix-40 {margin-right: 40%;}

.small-grid-45 {float: left; width: 45%;}
.small-prefix-45 {margin-left: 45%;}
.small-suffix-45 {margin-right: 45%;}

.small-grid-50 {float: left; width: 50%;}
.small-prefix-50 {margin-left: 50%;}
.small-suffix-50 {margin-right: 50%;}

.small-grid-55 {float: left; width: 55%;}
.small-prefix-55 {margin-left: 55%;}
.small-suffix-55 {margin-right: 55%;}

.small-grid-60 {float: left; width: 60%;}
.small-prefix-60 {margin-left: 60%;}
.small-suffix-60 {margin-right: 60%;}

.small-grid-65 {float: left; width: 65%;}
.small-prefix-65 {margin-left: 65%;}
.small-suffix-65 {margin-right: 65%;}

.small-grid-70 {float: left; width: 70%;}
.small-prefix-70 {margin-left: 70%;}
.small-suffix-70 {margin-right: 70%;}

.small-grid-75 {float: left; width: 75%;}
.small-prefix-75 {margin-left: 75%;}
.small-suffix-75 {margin-right: 75%;}

.small-grid-80 {float: left; width: 80%;}
.small-prefix-80 {margin-left: 80%;}
.small-suffix-80 {margin-right: 80%;}

.small-grid-85 {float: left; width: 85%;}
.small-prefix-85 {margin-left: 85%;}
.small-suffix-85 {margin-right: 85%;}

.small-grid-90 {float: left; width: 90%;}
.small-prefix-90 {margin-left: 90%;}
.small-suffix-90 {margin-right: 90%;}

.small-grid-95 {float: left; width: 95%;}
.small-prefix-95 {margin-left: 95%;}
.small-suffix-95 {margin-right: 95%;}

.small-grid-33 {float: left; width: 33.33333%;}
.small-prefix-33 {margin-left: 33.33333%;}
.small-suffix-33 {margin-right: 33.33333%;}

.small-grid-66 {float: left; width: 66.66667%;}
.small-prefix-66 {margin-left: 66.66667%;}
.small-suffix-66 {margin-right: 66.66667%;}

.small-grid-100 {clear: both; width: 100%;}

/* @end */


/* @group S: Structure */

body, html {background-color: #ffffff;}

.space-top-tiny {margin-top: .5em;}
.space-top-some {margin-top: 1em;}
.space-top-more {margin-top: 1.5em;}
.space-top-lots {margin-top: 2em;}
.space-top-tons {margin-top: 2.5em;}

.space-right-tiny {margin-right: .5em;}
.space-right-some {margin-right: 1em;}
.space-right-more {margin-right: 1.5em;}
.space-right-lots {margin-right: 2em;}
.space-right-tons {margin-right: 2.5em;}

.space-btm-tiny {margin-bottom: .5em;}
.space-btm-some {margin-bottom: 1em;}
.space-btm-more {margin-bottom: 1.5em;}
.space-btm-lots {margin-bottom: 2em;}
.space-btm-tons {margin-bottom: 2.5em;}

.space-left-tiny {margin-left: .5em;}
.space-left-some {margin-left: 1em;}
.space-left-more {margin-left: 1.5em;}
.space-left-lots {margin-left: 2em;}
.space-left-tons {margin-left: 2.5em;}

.space-tiny {margin: .5em;}
.space-some {margin: 1em;}
.space-more {margin: 1.5em;}
.space-lots {margin: 2em;}
.space-tons {margin: 2.5em;}


.pad-top-tiny {padding-top: .5em;}
.pad-top-some {padding-top: 1em;}
.pad-top-more {padding-top: 1.5em;}
.pad-top-lots {padding-top: 2em;}
.pad-top-tons {padding-top: 2.5em;}

.pad-right-tiny {padding-right: .5em;}
.pad-right-some {padding-right: 1em;}
.pad-right-more {padding-right: 1.5em;}
.pad-right-lots {padding-right: 2em;}
.pad-right-tons {padding-right: 2.5em;}

.pad-btm-tiny {padding-bottom: .5em;}
.pad-btm-some {padding-bottom: 1em;}
.pad-btm-more {padding-bottom: 1.5em;}
.pad-btm-lots {padding-bottom: 2em;}
.pad-btm-tons {padding-bottom: 2.5em;}

.pad-left-tiny {padding-left: .5em;}
.pad-left-some {padding-left: 1em;}
.pad-left-more {padding-left: 1.5em;}
.pad-left-lots {padding-left: 2em;}
.pad-left-tons {padding-left: 2.5em;}

.pad-tiny {padding: .5em;}
.pad-some {padding: 1em;}
.pad-more {padding: 1.5em;}
.pad-lots {padding: 2em;}
.pad-tons {padding: 2.5em;}

.bio-photo {
	display: block;
	margin: 0 auto;
	padding-bottom: 1em;
}

.small-brdr-bottom {border-bottom: 1px solid #AEC8D6;}

/* @end */


/* @group S: Typography */

h1 {font-size: 1.75em;}
h2 {font-size: 1.25em;}
h3 {font-size: 1.125em;}

.text-mega {font-size: 250%;}
.text-huge {font-size: 200%;}
.text-bigger {font-size: 165%;}
.text-big {font-size: 125%;}

/* @end */


/* @group S: Masthead */


/* @end */


/* @group S: Navigation */

/* code for the HTML found in nav-prototype-single-level.php */

a.menu-link {
	float: left;
	display: block;
	padding: 1em 1em 1em 1.5em;
	width: 90%;
	color: #335566;
}
a.menu-link:before {
	content: "";
	position: absolute;
	left: 0.75em;
	width: 1em;
	height: .15em;
	background: #335566;
	box-shadow: 0 .25em 0 0 #335566, 0 .5em 0 0 #335566;
	margin-top: .375em;
}/* hamburger icon - source https://css-tricks.com/three-line-menu-navicon/ */
nav[role=navigation] {
	clear: both;
	-webkit-transition: all 0.3s ease-out;  
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.js nav[role=navigation] {
	overflow: hidden;
	max-height: 0;
}
nav[role=navigation].active {
	max-height: 18em;
}
nav[role=navigation] ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #90b4c7;
}
nav[role=navigation] li a {
	display: block;
	padding: 1em 1.5em;
	border-bottom: 1px solid #90b4c7;
	color: #335566;
	text-decoration: none;
}
nav[role=navigation] li a:hover {
	background-color: #CCDCE5;
}

/* @end */


/* @group S: Content */

main {
	margin-top: 2em;
	margin-bottom: 3em;
}

/* @end */


/* @group S: Footer */

#footer h2 {font-size: 2em; padding-bottom: .5em;}

.footer-nav {
	border-top: 1px solid #90b4c7;
	border-bottom: 1px solid #90b4c7;
}

.footer-nav a {
	display: block;
	font-size: 1.25em;
	margin: .25em .5em;
	padding: .25em;
	background-color: #AEC8D6;
	border-radius: .25em;
}

.footer-nav a:hover,
.footer-nav a:active {
	background-color: #696001;
	border-radius: .25em;
	color: #CCDCE5;
}

/* @end */

}/*/mediaquery*/




/* ---- MEDIUM GRID ---- */

@media screen and (min-width: 601px) and (max-width: 900px) {
  .medium-grid-100:before,
  .medium-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .medium-grid-100:after {
    clear: both;
  }

  .hide-on-medium {
    display: none !important;
  }

.medium-grid-5 {float: left; width: 5%;}
.medium-prefix-5 {margin-left: 5%;}
.medium-suffix-5 {margin-right: 5%;}

.medium-grid-10 {float: left; width: 10%;}
.medium-prefix-10 {margin-left: 10%;}
.medium-suffix-10 {margin-right: 10%;}

.medium-grid-15 {float: left; width: 15%;}
.medium-prefix-15 {margin-left: 15%;}
.medium-suffix-15 {margin-right: 15%;}

.medium-grid-20 {float: left; width: 20%;}
.medium-prefix-20 {margin-left: 20%;}
.medium-suffix-20 {margin-right: 20%;}

.medium-grid-25 {float: left; width: 25%;}
.medium-prefix-25 {margin-left: 25%;}
.medium-suffix-25 {margin-right: 25%;}

.medium-grid-30 {float: left; width: 30%;}
.medium-prefix-30 {margin-left: 30%;}
.medium-suffix-30 {margin-right: 30%;}

.medium-grid-35 {float: left; width: 35%;}
.medium-prefix-35 {margin-left: 35%;}
.medium-suffix-35 {margin-right: 35%;}

.medium-grid-40 {float: left; width: 40%;}
.medium-prefix-40 {margin-left: 40%;}
.medium-suffix-40 {margin-right: 40%;}

.medium-grid-45 {float: left; width: 45%;}
.medium-prefix-45 {margin-left: 45%;}
.medium-suffix-45 {margin-right: 45%;}

.medium-grid-50 {float: left; width: 50%;}
.medium-prefix-50 {margin-left: 50%;}
.medium-suffix-50 {margin-right: 50%;}

.medium-grid-55 {float: left; width: 55%;}
.medium-prefix-55 {margin-left: 55%;}
.medium-suffix-55 {margin-right: 55%;}

.medium-grid-60 {float: left; width: 60%;}
.medium-prefix-60 {margin-left: 60%;}
.medium-suffix-60 {margin-right: 60%;}

.medium-grid-65 {float: left; width: 65%;}
.medium-prefix-65 {margin-left: 65%;}
.medium-suffix-65 {margin-right: 65%;}

.medium-grid-70 {float: left; width: 70%;}
.medium-prefix-70 {margin-left: 70%;}
.medium-suffix-70 {margin-right: 70%;}

.medium-grid-75 {float: left; width: 75%;}
.medium-prefix-75 {margin-left: 75%;}
.medium-suffix-75 {margin-right: 75%;}

.medium-grid-80 {float: left; width: 80%;}
.medium-prefix-80 {margin-left: 80%;}
.medium-suffix-80 {margin-right: 80%;}

.medium-grid-85 {float: left; width: 85%;}
.medium-prefix-85 {margin-left: 85%;}
.medium-suffix-85 {margin-right: 85%;}

.medium-grid-90 {float: left; width: 90%;}
.medium-prefix-90 {margin-left: 90%;}
.medium-suffix-90 {margin-right: 90%;}

.medium-grid-95 {float: left; width: 95%;}
.medium-prefix-95 {margin-left: 95%;}
.medium-suffix-95 {margin-right: 95%;}

.medium-grid-33 {float: left; width: 33.33333%;}
.medium-prefix-33 {margin-left: 33.33333%;}
.medium-suffix-33 {margin-right: 33.33333%;}

.medium-grid-66 {float: left; width: 66.66667%;}
.medium-prefix-66 {margin-left: 66.66667%;}
.medium-suffix-66 {margin-right: 66.66667%;}

.medium-grid-100 {clear: both; width: 100%;}
  
}/*/mediaquery*/




/* ---- MEDIUM ---- */

@media screen and (min-width: 601px) {

body, html {background-color: #ffffff;}


/* @group M: Structure */

.space-top-tiny {margin-top: .5em;}
.space-top-some {margin-top: 1em;}
.space-top-more {margin-top: 2em;}
.space-top-lots {margin-top: 3em;}
.space-top-tons {margin-top: 4em;}

.space-right-tiny {margin-right: .5em;}
.space-right-some {margin-right: 1em;}
.space-right-more {margin-right: 2em;}
.space-right-lots {margin-right: 3em;}
.space-right-tons {margin-right: 4em;}

.space-btm-tiny {margin-bottom: .5em;}
.space-btm-some {margin-bottom: 1em;}
.space-btm-more {margin-bottom: 2em;}
.space-btm-lots {margin-bottom: 3em;}
.space-btm-tons {margin-bottom: 4em;}

.space-left-tiny {margin-left: .5em;}
.space-left-some {margin-left: 1em;}
.space-left-more {margin-left: 2em;}
.space-left-lots {margin-left: 3em;}
.space-left-tons {margin-left: 4em;}

.space-tiny {margin: .5em;}
.space-some {margin: 1em;}
.space-more {margin: 2em;}
.space-lots {margin: 3em;}
.space-tons {margin: 4em;}


.pad-top-tiny {padding-top: .5em;}
.pad-top-some {padding-top: 1em;}
.pad-top-more {padding-top: 2em;}
.pad-top-lots {padding-top: 3em;}
.pad-top-tons {padding-top: 4em;}

.pad-right-tiny {padding-right: .5em;}
.pad-right-some {padding-right: 1em;}
.pad-right-more {padding-right: 2em;}
.pad-right-lots {padding-right: 3em;}
.pad-right-tons {padding-right: 4em;}

.pad-btm-tiny {padding-bottom: .5em;}
.pad-btm-some {padding-bottom: 1em;}
.pad-btm-more {padding-bottom: 2em;}
.pad-btm-lots {padding-bottom: 3em;}
.pad-btm-tons {padding-bottom: 4em;}

.pad-left-tiny {padding-left: .5em;}
.pad-left-some {padding-left: 1em;}
.pad-left-more {padding-left: 2em;}
.pad-left-lots {padding-left: 3em;}
.pad-left-tons {padding-left: 4em;}

.pad-tiny {padding: .5em;}
.pad-some {padding: 1em;}
.pad-more {padding: 2em;}
.pad-lots {padding: 3em;}
.pad-tons {padding: 4em;}

.bio-photo {
	float: left;
	padding: 0 1.5em 1em 0;
}

/* @end */


/* @group M: Typography */

h1 {font-size: 1.5em;}
h2 {font-size: 1.25em;}
h3 {font-size: 1.125em;}

.text-mega {font-size: 300%;}
.text-huge {font-size: 250%;}
.text-bigger {font-size: 200%;}
.text-big {font-size: 150%;}

/* @end */


/* @group M: Masthead */


/* @end */


/* @group M: Navigation */

nav {
	text-align: center;
}/* edit-nav */

a.menu-link {
   display: none;
}
.js nav[role=navigation] {
	max-height: none;
}
nav[role=navigation] ul {
	margin: 0 0 0 -0.25em;
	border: 0;
}

nav[role=navigation] li {
	display: inline-block;
	margin: 0 0.25em;
}
nav[role=navigation] li a {
	border: 0;
	text-decoration: none;
	color: #335566;
	padding: 0em .25em;
}
nav[role=navigation] li a:hover {
	color: #696001;
}

/* @end */


/* @group M: Content */



/* @end */


/* @group M: Footer */

#footer {
	padding-top: 1em;
	padding-bottom: 2em;
}

.footer-contact {text-align: right;}

.footer-nav {
	border-top: 1px solid #90b4c7;
	border-bottom: 1px solid #90b4c7;
}

.footer-nav a {
	display: inline-block;
	margin: .75em .25em;
	padding: .25em 1.25em .25em 1em;
}

.footer-nav a:not(:last-child) {border-right: 1px solid #90b4c7;}

/* @end */

}/*/mediaquery*/




/* ---- LARGE ---- */

@media screen and (min-width: 901px) {


/* @group L: Grid */

.grid-100:before,
  .grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .grid-100:after {
    clear: both;
  }

  .hide-on-large {
    display: none !important;
  }

.grid-5 {float: left; width: 5%;}
.prefix-5 {margin-left: 5%;}
.suffix-5 {margin-right: 5%;}

.grid-10 {float: left; width: 10%;}
.prefix-10 {margin-left: 10%;}
.suffix-10 {margin-right: 10%;}

.grid-15 {float: left; width: 15%;}
.prefix-15 {margin-left: 15%;}
.suffix-15 {margin-right: 15%;}

.grid-20 {float: left; width: 20%;}
.prefix-20 {margin-left: 20%;}
.suffix-20 {margin-right: 20%;}

.grid-25 {float: left; width: 25%;}
.prefix-25 {margin-left: 25%;}
.suffix-25 {margin-right: 25%;}

.grid-30 {float: left; width: 30%;}
.prefix-30 {margin-left: 30%;}
.suffix-30 {margin-right: 30%;}

.grid-35 {float: left; width: 35%;}
.prefix-35 {margin-left: 35%;}
.suffix-35 {margin-right: 35%;}

.grid-40 {float: left; width: 40%;}
.prefix-40 {margin-left: 40%;}
.suffix-40 {margin-right: 40%;}

.grid-45 {float: left; width: 45%;}
.prefix-45 {margin-left: 45%;}
.suffix-45 {margin-right: 45%;}

.grid-50 {float: left; width: 50%;}
.prefix-50 {margin-left: 50%;}
.suffix-50 {margin-right: 50%;}

.grid-55 {float: left; width: 55%;}
.prefix-55 {margin-left: 55%;}
.suffix-55 {margin-right: 55%;}

.grid-60 {float: left; width: 60%;}
.prefix-60 {margin-left: 60%;}
.suffix-60 {margin-right: 60%;}

.grid-65 {float: left; width: 65%;}
.prefix-65 {margin-left: 65%;}
.suffix-65 {margin-right: 65%;}

.grid-70 {float: left; width: 70%;}
.prefix-70 {margin-left: 70%;}
.suffix-70 {margin-right: 70%;}

.grid-75 {float: left; width: 75%;}
.prefix-75 {margin-left: 75%;}
.suffix-75 {margin-right: 75%;}

.grid-80 {float: left; width: 80%;}
.prefix-80 {margin-left: 80%;}
.suffix-80 {margin-right: 80%;}

.grid-85 {float: left; width: 85%;}
.prefix-85 {margin-left: 85%;}
.suffix-85 {margin-right: 85%;}

.grid-90 {float: left; width: 90%;}
.prefix-90 {margin-left: 90%;}
.suffix-90 {margin-right: 90%;}

.grid-95 {float: left; width: 95%;}
.prefix-95 {margin-left: 95%;}
.suffix-95 {margin-right: 95%;}

.grid-33 {float: left; width: 33.33333%;}
.prefix-33 {margin-left: 33.33333%;}
.suffix-33 {margin-right: 33.33333%;}

.grid-66 {float: left; width: 66.66667%;}
.prefix-66 {margin-left: 66.66667%;}
.suffix-66 {margin-right: 66.66667%;}

.grid-100 {clear: both; width: 100%;}

/* @end */



/* @group L: Structure */

.space-top-tiny {margin-top: .75em;}
.space-top-some {margin-top: 1.5em;}
.space-top-more {margin-top: 3em;}
.space-top-lots {margin-top: 4.5em;}
.space-top-tons {margin-top: 6em;}

.space-right-tiny {margin-right: .75em;}
.space-right-some {margin-right: 1.5em;}
.space-right-more {margin-right: 3em;}
.space-right-lots {margin-right: 4.5em;}
.space-right-tons {margin-right: 6em;}

.space-btm-tiny {margin-bottom: .75em;}
.space-btm-some {margin-bottom: 1.5em;}
.space-btm-more {margin-bottom: 3em;}
.space-btm-lots {margin-bottom: 4.5em;}
.space-btm-tons {margin-bottom: 6em;}

.space-left-tiny {margin-left: .75em;}
.space-left-some {margin-left: 1.5em;}
.space-left-more {margin-left: 3em;}
.space-left-lots {margin-left: 4.5em;}
.space-left-tons {margin-left: 6em;}

.space-tiny {margin: .75em;}
.space-some {margin: 1.5em;}
.space-more {margin: 3em;}
.space-lots {margin: 4.5em;}
.space-tons {margin: 6em;}


.pad-top-tiny {padding-top: .75em;}
.pad-top-some {padding-top: 1.5em;}
.pad-top-more {padding-top: 3em;}
.pad-top-lots {padding-top: 4.5em;}
.pad-top-tons {padding-top: 6em;}

.pad-right-tiny {padding-right: .75em;}
.pad-right-some {padding-right: 1.5em;}
.pad-right-more {padding-right: 3em;}
.pad-right-lots {padding-right: 4.5em;}
.pad-right-tons {padding-right: 6em;}

.pad-btm-tiny {padding-bottom: .75em;}
.pad-btm-some {padding-bottom: 1.5em;}
.pad-btm-more {padding-bottom: 3em;}
.pad-btm-lots {padding-bottom: 4.5em;}
.pad-btm-tons {padding-bottom: 6em;}

.pad-left-tiny {padding-left: .75em;}
.pad-left-some {padding-left: 1.5em;}
.pad-left-more {padding-left: 3em;}
.pad-left-lots {padding-left: 4.5em;}
.pad-left-tons {padding-left: 6em;}

.pad-tiny {padding: .75em;}
.pad-some {padding: 1.5em;}
.pad-more {padding: 3em;}
.pad-lots {padding: 4.5em;}
.pad-tons {padding: 6em;}

/* @end */



/* @group L: Typography */

h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}

/* @end */


/* @group L: Masthead */



/* @end */


/* @group L: Navigation */

nav[role=navigation] li a {
	padding: 0em 2em;
}

/* @end */


/* @group L: Content */



/* @end */


/* @group L: Footer */



/* @end */


}/*/mediaquery*/




/* ---- X-LARGE ---- */

@media screen and (min-width: 1200px) {


/* @group XL: Structure */



/* @end */


/* @group XL: Typography */

h1 {font-size: 2.5em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}
p, li {font-size: 1.125em;}

/* @end */


/* @group XL: Masthead */



/* @end */


/* @group XL: Navigation */

nav[role=navigation] li a {
	font-size: 1.125em;
	padding: 0em 1.75em;
}

/* @end */


/* @group XL: Content */



/* @end */


/* @group XL: Footer */



/* @end */

}/*/mediaquery*/