/************************************************

  >>   Coded By:   Karen McCullough - NSF International
  >>   Website:   http://www.qai-inc.com



	TABLE OF CONTENTS
*************************************************/
/*
	1: Grid - modified version of the Skeleton grid
	2: Base Styles - include base reset of elements and single element selectors along with typograhpy, links, buttons, forms and lists.
	3: Pages - some specific page adjustments - try to avoid styling for a specific page unless absolutely necessary
	4: Modules - reusable parts of the design, including the header and footer, cards, callouts, etc.
	5: State Rules - mostly css animations and css rules for javascript and states such as hidden, visible, expanded, etc.
	6: Media Queries
	7: Print Styles
	
*/





/*======================================

/*==============================================/  
	
	1: Grid
	
=============================================

Karen McCullough Modified from Skeleton: /*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


.container {
  position: relative;
  width: 100%;
  max-width: 1244px;
  margin: 0 auto;
  padding: 2em 20px;
  box-sizing: border-box; }
  
.container--no-padding {
  padding: 0;
}

.column,
.columns {
  box-sizing: border-box;
  margin-left: 4%;
  width: 100%;
}
  
.one-half {
  width: 50%;
}



/*==============================================/  
	
	2: Base Styles
	
==============================================*/


/* NOTE
html is set to 62.5% so that all the REM measurements throughout 
are based on 10px sizing. So basically 1.5rem = 15px :) */


*, *::after, *::before {
    box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
body {
  font-family: "Archivo Narrow", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8em; /* currently ems cause chrome bug misinterpreting rems on body element */
  font-weight: 400;
  background: #eee;
  color: #444;
  letter-spacing: .05px;
  line-height: 1.5;
  }
header,
main {
  background: #fff;
}
main {
    clear: both;
}
figure {
  margin: 0;
}
blockquote {
 border-left: 5px solid #eaebec;
 margin: 4rem 4rem 4rem 2rem;
 padding-left: 1rem; 
}





/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 400;
  }
h1 {
  color: #888;
  line-height: 1.2;
  }
h2 {
  color: #888;
  font-size: 3.6rem;
  line-height: 1.25;
  }

h3 {
  color: #f57b07;
  font-size: 3.0rem;
  line-height: 1.3;
  }
h4 {
  color: #888;
  font-size: 2.4rem; 
  line-height: 1.35;
  }
h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  }
h6 {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 1rem;
  }
strong {
    font-weight: 700;
 }
 
 
/* Fonts
–––––––––––––––––––––––––––––––––––––––––––––––––– */

 /* archivo-narrow-regular - latin */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/archivo-narrow-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Archivo Narrow Regular'), local('ArchivoNarrow-Regular'),
       url('../fonts/archivo-narrow-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/archivo-narrow-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/archivo-narrow-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/archivo-narrow-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/archivo-narrow-v9-latin-regular.svg#ArchivoNarrow') format('svg'); /* Legacy iOS */
}

/* archivo-narrow-italic - latin */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/archivo-narrow-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Archivo Narrow Italic'), local('ArchivoNarrow-Italic'),
       url('../fonts/archivo-narrow-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/archivo-narrow-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/archivo-narrow-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/archivo-narrow-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/archivo-narrow-v9-latin-italic.svg#ArchivoNarrow') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
       url('../fonts/roboto-slab-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v8-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-slab-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'),
       url('../fonts/roboto-slab-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v8-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}


/* archivo-narrow-700 - latin */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/archivo-narrow-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Archivo Narrow Bold'), local('ArchivoNarrow-Bold'),
       url('../fonts/archivo-narrow-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/archivo-narrow-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/archivo-narrow-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/archivo-narrow-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/archivo-narrow-v9-latin-700.svg#ArchivoNarrow') format('svg'); /* Legacy iOS */
}


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
 
 table {
  margin: 3rem 0 4rem 0;
  width: 100%;
}
caption {
  font-size: 1.8rem;
  padding: 1rem;
  margin: 0 0 1rem 0;
}
tr:nth-child(odd) {
  background: #D8DCDB;
}
tr:last-of-type {
  border-bottom: 1px solid #D8DCDB;
}
th {
  background: #888;
  color: #fff;
  font-weight: normal;
  text-align: left;
}
th, td {
  padding: 1rem;
}

/** Table Classes **/
.table--rows-two td {
  width: 50%;
}
.table--rows-three td {
  width: 33%;
}
.table--rows-four td {
  width: 25%;
}
 
 

 


/* Links and Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #005596;
  text-decoration: none;
}
a, button {  transition: all .6s;}
a:hover,
a:focus {
  color: #f57b07;
}
  
a[rel="external"]:after,
.button:after,
.link__more:after,
nav .menu__parent-link:after,
.search__submit-site:before {
	font-family: 'Font Awesome 5 Pro';
 font-weight: 900;
    margin: 0 .25rem 0 .5rem;
}

a[rel="external"]:after {
  content: '\f35d'; /* external link icon */
}



/*** button/link classes ***/

.link--block {
  display: inline-block;
}

.link--fade:hover,
.link--fade:focus {
  color: #fff;
  opacity: .8;
}
.link__more:after,
.button:after {
	content: '\f0a9'; /* circle arrow icon */
}

.link--global-site:before {
  content: '\f0ac';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  margin-right: .5rem;
}

.button {
  color: #fff;
  background: #1986f0;
  border: 2px solid #fff;
  padding: 1rem;
}
.button__cta {
  background: #f57b07;
  display: block;
  font-size: 2.1rem;
  padding: 0 1.5rem;
  text-align: center;
  width: 100%;
}
.button__cta:hover,
.button__cta:focus {
  background: #f56607;
  opacity: 1;
}
.button--form {
  background: #005596;
  clear: both;
  display: inline-block;
  margin-top: 4rem;
}
.button--form:hover,
.button--form:focus {
  background: #00477d;
  opacity: 1;
}
.button--search {
  font-size: 1.4rem;
}
.button--search:after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: '\f002'; /* magnifying glass icon */
  margin-left: .5rem;
}
.button--download:after,
.link--download:after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: '\f0ab'; /* down arrow icon */
  margin-left: .5rem;
}
.button--border {
  background: #fff;
  border: 1px solid #888;
  color: #888;
}
.button__main-content {
  color: #005596;
  display: inline-block;
  margin: 2rem 0 4rem 0;
}

.button--indent {
  margin-left: 2%;
}

.button__search-submit {
  background: #888;
  color: #fff;
  display: inline-block;
  outline: 0 none !important;
  padding: 1rem;
  white-space: nowrap;
}
.button--full-width {
  display: block;
}
.button--no-icon {
  text-align: center;
}
.button--no-icon:after {
  content: '';
}

.button__news-search {
     padding-right: 1.5rem;
	  }

.button--new-window:after {
  content: '\f08e'; /* external link icon */
}

.button--solid:hover,
.button--solid:focus {
  background: #f57b07;
  color: #fff;  
}
.button--lock {
 background: #888;
 font-size: 1.5rem;
 margin-right: 4rem;
}
.button--lock:hover,
.button--lock:focus,
.search_global-button:hover,
.search_global-button:focus {
  background: #7a7a7a;
  opacity: 1;
}
.button--lock:before {
 font-family: 'Font Awesome 5 Pro';
 font-size: 1.25rem;
 font-weight: 900;
 content: "\f023";
 margin-right: .5rem;
}
header .button--lock:after {
 content: "";
}

/* NAVIGATION */

#pull {
  display: block;
  float: right;
  font-size: 1.5rem;
  margin-right: 2rem;
  padding: .5rem 1rem;
  text-align: center;
}

/** hide full header on smaller screens **/
#full-header {
  display: none;
}

nav {  
    background: #63a744;  
    width: 100%;
	position: relative;
}  
nav ul {
    margin: 0 auto;
    padding: 0;  
    width: auto;  
}
nav a, 
nav .current {  
	box-sizing:border-box;
		-moz-box-sizing:border-box;  
		-webkit-box-sizing:border-box;
    color: #fff;  
    display: block;
	font-size: 1.8rem;
    line-height: 50px;
	padding: 0 .5em;
    width: auto;  
    text-decoration: none;  
}

nav li:hover,
nav li:focus,
nav .js-clickable,
nav .current {
  background: #888;
  color: #fff;
}
nav .current > a {
  cursor: text;
  font-weight: 700;
}

nav a:hover,
nav a:focus {
  background: #f57b07;
  color: #fff;
}



/* Hide Dropdowns by Default on Full Menu
* and giving it a position of absolute */
nav ul ul {
  display: none;
  position: absolute;
  top: 100%;
}

#mobile-header .button__cta {
  height: 66px;
  line-height: 3;
}  
#mobile-header ul li:not(:last-child) {
  border-bottom: 2px solid #fff;
}
#mobile-header nav a {
  text-align: center;
}
#mobile-header .search__global {
  background: #1986f0;
  overflow: auto;
  padding: 2rem;
  text-align: center;
  width: 100%;
}
#mobile-header .search_global-field,
#mobile-header .search_global-button {
  display: inline-block;
}
#mobile-header .one-half:nth-child(2) {
  float: right;
  margin-left: 0;
  width: auto;
}

/** Hide Breadcrumb Navigation on Mobile **/
#breadcrumb-nav {
  display: none;
}


/** Local navigation **/

#pull-local {
  display: none;
}

.nav__local-container {
  float: none;
  margin-left: 0;
  width: auto;
}
.nav__local,
.nav__local ul {
  list-style: none;
  margin: 0;
}
.nav__local a {
  padding: .5rem 0;
}
.current__section a {
  display: block;
  padding-left: 0;
}
.current__section strong {
  display: inline-block;
  font-weight: 700;
  padding-bottom: .5rem;
  width: 100%;
}
.nav__local-parent {
  position: relative;
}
.nav__local-parent li {
  padding-left: 2rem;
}
.nav__local li:not(.current__section),
.current__section strong {
  border-bottom: 1px solid #d8dcdb;
}


.nav__local .current,
.nav__local li a:not(.current):hover,
.nav__local li a:focus,
.nav__local-parent a:not(.current):focus > a:before,
.nav__local-parent a:not(.current):hover > a:before {
  color: #fff;
  background: #888;
}

.nav__local .current {
	color: #444;
	font-weight: 700;
}
.nav__local .current:not(.nav__local-parent-link) {
  cursor: text;
}
.nav__local .current,
.nav__local-sub .current {
  color: #fff;
}

.nav__local-sub {
  border-top: 2px solid #fff;
}
.nav__local-sub li:last-child {
  border: none;
}

.nav__local-sub .current {
  font-weight: 700;
}


.plus > a:before,
.minus > a:before {
  color: #005596;
  content: '\f055';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  position: absolute;
	left: 10px;
}
.nav__local-parent.plus a:hover > a:before,
.nav__local-parent.plus a:focus > a:before,
.nav__local-parent.minus a:hover > a:before,
.nav__local-parent.minus a:focus > a:before {
  background: transparent;
  color: #fff;
}
.minus > a:before {
  content: '\f056'; /* minus icon */
}




/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select,
button {
  height: 46px;
  width: 100%;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  box-shadow: none;
  box-sizing: border-box; }
select {
  padding: 0 0 0 10px;
}
  
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 165px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
input[type="submit"] {
    min-width: 150px;
	width: auto;
}
option {
    padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
}
label,
legend {
  color: #666;
  display: block;
  margin-bottom: .5rem;
  font-weight: 400;
  }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
input[placeholder],
select[title] {
  color: #888;
  font-size: 1.6rem;
}

form .columns {
  margin-left: 0;
}

.error {
	color: #f57b07;
}

.error:not(label) {
	background: #fde5cd;
	border: 1px solid #f57b07;
}

.container--checkbox:not(:first-child) {
  clear: both;
  margin-top: 2rem;
  overflow: auto;
}

.list--bullet {
	list-style-position: outside;
	margin-left: 2rem;
  }
.list--checkbox {
    column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	margin-bottom: 0;
}

.list--form {
    list-style: outside none none;
	margin-left: 2rem;
}
.list--form li {
  margin-bottom: 1rem;
}
.list--checkbox{
    margin-bottom: 0;
}
.list--form label,
.newsletter__label {
    display: inline;
    margin-left: 0.5em;
}
.note--small {
  font-size: 1.4rem;
  margin-top: 2rem;
  padding-top: 1rem;
}
.form__note {
  margin-top: 4rem;
}
.note__search-results {
  font-size: 2.4rem;
  margin-top: 3rem;
  
}

.search__form {
  margin-top: 2rem;
}
.search__form input,
.search__form button {
  display: inline-block;
  width: auto;
}
.search__form input {
  width: 75%;
}
.form__container {
  margin: 2rem 0 0 0;
}
.dropdown__group {
  overflow: auto;
}

.form_noresults {
  display: none;
}

#form__recaptcha {
    margin-top: 8rem;
    padding-top: 4rem;
}


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul {
  list-style: circle outside; }
ol {
  list-style: decimal outside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
 }
  
.list--bullet,
.list--number {
  list-style-position: outside;
  margin-left: 2rem;
}
.list--no-bullet {
  list-style: none;
  margin-left: 0;
}
.list--no-bullet li {
  padding: 1rem 0;
}


.list--alpha {
 list-style: lower-alpha;
 margin: 0 0 1.5rem 1.5rem;
 padding: 0 0 0 1.5rem;
}

.list--alpha li,
.list--alpha p {
    padding: 1rem 0 0 0;
}
  

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after {
  content: "";
  display: table;
  clear: both; }



/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,  
.clearfix:after {  
    content: " ";   /* 1 */
    display: table; /* 2 */  
}  
.clearfix:after {  
    clear: both;  
}


/* Utilities and Helper Classes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-up:not(.main__content) {
  margin-top: 5rem;
}
.u-screen-reader {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}
.u-push-top {
  margin-top: 4rem;
}
.u-push-vertical {
  margin: 1rem 0;
}

.u-container--float {
  margin-bottom: 2rem;
  overflow: auto;
}

.s-hidden {
    display: none;
}
.s-visible {
    display: block;
}

.display--table {
  display: table;
}

figure img {
  margin-bottom: 2rem;
}

.display--table-caption {
  caption-side: bottom;
  display: table-caption;
  margin-bottom: 2rem;
  }

.border--none {
  border: none;
}
.border--bottom-light {
  border-bottom: 1px solid #d8dcdb;
}
.border--top-light {
  border-top: 1px solid #d8dcdb;
}
.border--bottom-dark {
  border-bottom: 1px solid #666;
} 
.border--bottom-light h3,
.border--bottom-light p {
  margin-bottom: .5rem;
}
.text--center {
  text-align: center;
}

.text--shadow {
  text-shadow: 1px 1px 1px rgba(102, 102, 102, 0.2); 
 }
 
.callout--light {
  background: #ebedec;
  padding: 2rem 5rem;
 }
 .bg--transparent {
  background: rgba(255,255,255, .9);
  box-shadow: 3px 3px 5px 0px rgba(102,102,102, .2);
 }
.image--cover {
  clip: rect(0px, 0, 462px, 0px);
  display: block;
  height:auto;
  width:100%;
}
.main__text .image--left {
  margin: 0;
}


.icon:before {
  margin-right: .5rem;
}
.icon:before,
.icon:after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
}
.icon--email:before {
    content: '\f2b6'; /* envelope icon */
    font-weight: normal;
}
.icon--search:before {
  content: '\f002'; /* magnifying glass icon */
}
.icon--document:before {
  content: '\f016';  /* document icon **/
}
.icon--training:before {
  content: '\f19d'; /* training icon **/
}
.icon--phone:before {
  content: '\f095'; /** phone icon **/
  font-size: 1.4rem;
  margin-right: 1rem;  
}
.icon--twitter:before {
  content: '\f099'; /** twitter icon **/
  font-family: 'Font Awesome 5 Brands';
  font-size: 1.4rem;
}
.icon--send:after {
  content: '\f1d8'; /** paper airplane icon **/
  margin-left: .5rem;
}
.icon--external {
 content: '\f0d7'; /** external link icon **/
}
.icon--down-caret {
 content: '\f0d7'; /** down caret **/
}
.icon--up-caret {
 content: '\f0d8'; /** up caret **/
}
.icon--right-arrow-circle {
 content: '\f0a9'; /** right arrow in a circle  **/
}
.icon--download {
 content: '\f0ab'; /** down arrow in a circle  **/
}
.icon--plus {
 content: '\f055'; /** plus in a circle **/
}
.icon--minus {
 content: '\f056'; /** minus in a circle **/
}
.icon--play {
 content: '\f04b'; /** play arrow in a circle **/
}
.icon--globe {
 content: '\f0ac'; /** globe **/
}
.icon--no-external[rel="external"]:after,
#full-header nav a.arrow__none::after {
  content: none;
}

.list--menu {
  list-style: none;
}



.caption {
  color: #888;
}


/*** used on pages without hero images, such as privacy policy and copyright ***/
h2.title--no-left-padding {
  padding-left: 0;
}

/*==============================================/  
	
	3: Modules
	
============================================= */


/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#mobile-header {
    display: block;
}
#mobile-header .one-half {
  float: left;
}
header .logo {
  margin: -1rem 0 0 2rem;
  text-align: center;
  width: 48%;
}
.logo__link {
  display: block;
  margin: 1rem auto;
  overflow: auto;
}
.logo__text {
  color: #888;
  display: block;
  font-size: 1.8rem;
  line-height: 1;
  margin: 0 0 3rem 1rem;
  vertical-align: top;
 }
 
#full-header {
  display: none;
}
#full-header nav .menu__parent-link:after {
  color: #fff;
	content: '\f0d7'; /* down arrow icon */
  }


.banner--utility {
  background: #ccc;
  font-size: 1.4rem;
  padding-right: 5rem;
  z-index: 300;
}
.banner--utility p {
  display: inline-block;
  margin: 1rem 0;
  padding-right: .25rem;
}
.banner--utility,
.banner--contact-social {
  padding: 0 5rem;
}


/*** Site Search  Button ***/

.search__submit-site {
  height: 46px;
  margin: 0;
  max-width: 46px;
  padding: 0;
  position: relative;
  width: 46px;
}
.search__submit-site:before,
#pull:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.5rem;
  font-weight: 900;
  content: '\f002'; /* magnifying glass icon */
  margin: 0;
}
#pull.js-open:before {
  content: "\f00d"
}
#pull:after {
  content: none;
}
#pull:before {
  margin-right: 1rem;
}

#mobile-header {
  position: relative;
}
#mobile-header .menu__dropdown {
  display: none;
  height: auto;
  background: #fff;
  position: absolute;
 	top: -255%;
  transition: top 0.5s ease-in-out .s;
  width: 100%;
 z-index: 2;
}
#mobile-header .js-dropdown--expanded {
  top: 100%;
  z-index: 100;
}
#mobile-header nav {
    overflow: hidden;
    width: 100%;
}
#mobile-header nav li {
    list-style: none;
    width: 100%;
}
#mobile-header .nav a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 55px;
    text-align: center;
    text-transform: uppercase;
}
 
  /*  Heroes / Features with Images / Callouts
--------------------------------------------- */


.hero {
    display: table;
	margin: 0 auto;
	min-width:280px;
	position:relative;
    width: 100%;
}
.hero__img,
.hero__text-wrap {
  display: block;
}
.hero__text-wrap {
    /* positioning */
	  left:0;
	  top:0;
	  right:0;
	  bottom:0;
	overflow:auto;
}
.hero__text-wrap-inner {
	display:table;
	height:100%;
	width:100%;
}
.hero__text {
	display:table-cell;
	vertical-align:middle;
}
.feature__text,
.hero__heading {
	bottom: 0;
  color: #4c4c4e;
  float: none;
  font-size: 5vw;
  font-size: 1.8rem;
  margin-bottom: 0;
  padding: 2rem 5rem;
 }
 .feature {
  margin-bottom: .5rem;
 } 
 .feature__heading {
  font-size: 2.0rem;
 }
 

 /*** Callout areas ***/
 
.callout {
  padding: 3rem 0;
 }
 .callout--bright {
  background: #1986f0;
  clear: both;
 }
 .callout__heading {
  color: #fff;
  font-size: 3.3rem;
  line-height: 1;
 }
 .callout__subtext {
  display: block;
  font-size: 1.6rem;
  margin-top: .5rem;
 }
 .callout__button {
   display: inline-block;
   padding: 1rem 2rem;
 }
.callout__button:hover,
.callout__button:focus {
  background: #177de3;
  opacity: 1;
}
 

 

 
   /* Cards
---------------------------------------------
  NOTE: Default card border/date color (#25bbe8 - aqua blue) is for articles since it will likely be the most common. Video and event cards styles
  override default color at bottom of this section using .card__video and .card__event classes respectively. 
*/
 
 .card {
  text-align: left;
 }
 

.column.card {
  border: 1px solid #d8dcdb;
  height: 340px;
  margin: 0 auto 2rem auto;
  max-width: 234px;
  position: relative;
 } 
.card__image {
  border-top: 1px solid #fff;
  clip: rect(0,232px,126px,0px);
  height: auto;
  position: absolute;
  transition: opacity .6s;
  width: 100%;
 }
 .card__image:hover,
 .card__image:focus {
  opacity: .8;
 }
 .card__date {
  background: #25bbe8;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-family: 'Roboto Slab', 'Georgia', serif;
  font-size: 1.434rem;
  line-height: .95;
  margin-top: 0;
  padding: .5rem 1rem;
  position: absolute;
	right: 0;
	top: 0;
  text-transform: uppercase;
  width: 50px;
  z-index: 20;
 }
 .card__no-image .card__date {
	top: -20px;  
 }
.card__day {
  font-size: 2.56rem;
 }

.card__link-image:hover:before,
.card__link-image:focus:before  {
	color: #f57b07;
  }
.card__link-image {
  display: block;
  height: 126px;
}
.sidebar .card__link-image {
  min-height: 116px;
  height: auto;
}
.card__text {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-top: 2rem;
  padding: 1.5rem;
}
.card__blurb {
 font-size: 1.6rem;
}
.card__category {
  color: #aaa;
  font-size: 1.31rem;
  margin: 1rem 0 .25rem 0;
}
.card__title {
  font-family: 'Roboto Slab', 'Georgia', serif;
  font-size: 1.536rem;
  font-weight: 700;
  line-height: 1.2;
}
.card__title-link {
    color: #666;
}
.card__link-more {
  display: inline-block;
  margin-top: 2rem;
  position: static;
  width: 100%;
  text-align: right;
}
.card__button {
  display: inline-block;
}


/* video cards */
 .card__video .card__date {
  background: #63a744;
 }

 * video cards */
.card__video,
.card__play {
  position: relative;
}
 .card__video .card__date {
  background: #62a744;
 }
.card__video .card__link-image,
.card__play .card__link-image {
  border-top: 20px solid #62a744;
  max-height: 147px;
  position: relative;
 }
 
 .card__feature .card__link-image {
  border-top: none;
 }
 
 /** create backround circle for play button **/
.card__video .card__link-image:after,
.card__play .card__link-image:after {
	background-color: #62a744;
	border: 3px solid #fff;
	border-radius: 50%;
	width: 5.2rem;
	height: 5.2rem;
	color: #fff;
	margin: 0;
	padding: 0;
	position: absolute;
	  top: 30%;
	  left: 40%;
	text-align: center;
    vertical-align: middle;
	z-index: 9; 
  }
  /** create arrow for play button **/
  .card__video .card__link-image:after,
  .card__play .card__link-image:after {
	color: #fff;
	content: '\f04b'; /* play button icon */
	font-family: 'Font Awesome 5 Pro';
	font-size: 2.8rem;
 font-weight: 900;
	margin: 0;
	padding: 2px 0 0 5px;
	text-align: center;
    vertical-align: middle;
	transition: all .6s;
	z-index: 10; 
  }
  
  .card__video .card__link-image:hover:after,
  .card__video .card__link-image:focus:after,
  .card__play .card__link-image:hover:after,
  .card__play .card__link-image:focus:after {
	background: #F47B20;
	box-shadow: 2px 2px 3px rgba(0,0,0,.2);
  }
  
  
/** Module Cards **/
.card__module .card__link-image {
  border-top: 20px solid #005596;
}
.card__module .card__link-image:after {
  background: #005596;
}


/** Webinar Cards **/
.card__webinar .card__link-image {
  border-top: 20px solid #f57b07;
}
.card__webinar .card__link-image:after {
  background: #f57b07;
}
.card__webinar .card__link-image:hover:after,
.card__webinar .card__link-image:focus:after {
	background: #63a744;
  }


/* event cards */
.card__event.card__no-image,
.card__event .card__link-image {
  border-top: 20px solid #f57b07;
}
.event__date,
.event__location {
  font-weight: 400;
  display: block;  
}

/** card no image ***/
.card__no-image .card__text {
  margin-top: 0;
}

/* article cards */

.card__article.card__no-image,
.card__article .card__link-image {
  border-top: 20px solid #25bbe8;
}

/* Twitter card */

#twitter {
  height: auto;
}
#twitter .card__title {
  background: #1986f0;
  padding: 1rem 2rem;
}
#twitter .card__title a:after {
    color: #fff;
  	content: '\f099'; /* twitter icon */
	font-family: 'Font Awesome 5 Brands';
	font-size: 3.5rem;
	position: absolute;
		right: 2rem;
		top: -2px;	
	vertical-align: middle;
}
.card__twitter a {
  color: #fff;
}


/* Homepage news cards (.news) and News and Events page cards (.news__cards)*/

/*** Homepage featured news ***/
.news--home {
	width: 100%;
}
.news__heading-content {
  line-height: 3;
  margin-bottom: 3rem;
  overflow: auto;
  text-align: center;
}
.news--home .column.card {
  background: #fff;
  display: inline-block;
  min-width: 180px;
  text-align: left;
  width: 100%;
}



/*** News 'read more' links ***/
.news__link-more {
  margin-bottom: 1rem;
  position: absolute;
	bottom: 0;
	right: 10px;
}


/*** Feature cards - content pages ****/

.card.category__feature,
.column.card__sidebar {
  display: inline-block;
  float: none;
  height: auto;
  vertical-align: top;
  width: 100%;
}
.category__features {
  margin-top: 3rem;
}
.card__feature-title {
  margin-top: .5rem;
}
.category__features .card__text {
  padding-top: 0;
}


/*** Feature/Sidebar cards - content pages ***/

.card__feature-title,
.sidebar .card__title {
  font-family: "Archivo Narrow", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.9rem;
  font-weight: normal;
}
.sidebar .card__title-link,
.card__feature-title a {
  color: #005596;
}
.card__feature-title a:hover,
.card__feature-title a:focus,
.sidebar .card__title-link:hover,
.sidebar .card__title-link:focus
{
  color: #f57b07;
}

/*** cards with icons instead of image ***/
.card__icon {
  padding: 1rem;
}
.card__icon > * {
  text-align: center;
}
.card__icon-title {
  line-height: 1;
}
.card__icon-title .card__title-link {
  color: #f57b07;
}
.card__icon-title .card__title-link:hover,
.card__icon-title .card__title-link:focus {
  color: #005596;
}

.card__link-icon {
  background: #f57b07;
  border-radius: 60px;
  box-shadow: 0px 0px 1px rgba(102,102,102,.2);
  color: #fff;
  display: block;
  font-family: 'Font Awesome 5 Pro';
  font-size: 2.2rem;
  font-weight: 900;
  line-height: 1.7;
  margin: 1rem auto 0 auto;
  height: 40px;
  position: relative;  
  vertical-align: middle;
  width: 40px;
}
.card__link-icon:hover,
.card__link-icon:focus {
  background: #005596;
}
.card__blurb {
    color: #888;
	margin-bottom: 0;
	text-align: left;
}
.card__link-icon + .card__text {
  margin-top: 1rem;
}
.card__icon .card__blurb {
  text-align: center;
}
.card__blurb-subtext {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.2;
  margin-top: .5rem;
}
/*** Cards with only text (no icons or image) ***/

.card--text-only {
  margin: 0 0 1rem 0;
  padding: 2rem;
}




  /*  Footer
--------------------------------------------- */

footer {
  background: #d8dcdb;
  overflow: auto;
  padding: 5rem;
  text-align: center;
} 
.menu__container {
  max-width: 1200px;
}
.menu__footer {
  float: left;
  font-size: 1.5rem;
  list-style: none;
  width: 100%;
}
.menu__utility {
  margin: 0;
}
footer .menu__footer-sub {
  display: none;
  margin: 0 0 1rem 1rem;  
}
#footer-bar__top {
  margin-bottom: 1rem;
}
#footer-bar__bottom {
  display: block;
  text-align: center;
}
footer .social p {
  font-size: 1.5rem;
  margin: 0;
}
footer h5 {
  margin-bottom: 0;
}
footer .social a:before {
  color: #005596;
  content: '\f099'; /* twitter icon */
  font-family: 'Font Awesome 5 Brands';
  font-size: 3.2rem;
  margin-right: 1rem;
  transition: color .6s;
  vertical-align: middle;
}
footer .social .icon--fb:before {
  content: '\f230'; /* fb icon */
}
footer .social .icon--li:before {
  content: '\f0e1'; /* linkedin icon */
}
footer .social a:hover:before,
footer .social a:focus:before {
  color: #f57b07;
}

.copyright {
  display: inline;
  font-size: 1.2rem;
  width: auto;
}


/*** Videos ***/

.video__wrapper {
	margin-bottom: 4rem;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


  
  
   
/*==============================================/  
	
	4: Pages
	
============================================= */

  /*  Homepage adjustments
--------------------------------------------- */
   
.mission__heading {
  color: #f57b07;
}
.home .feature__heading {
  color: #005596;
  font-weight: 700;
}
.home .feature__heading,
.testimonials__heading {
  font-weight: 700;  
}
.testimonials__heading {
  color: #63a744;
  font-size: 3.0rem;
}

 .home .callout--listings h2 {
  color: #fff;
  font-weight: 500;
 }


#testimonials:before {
  color: #63a744;
  content: '“';
  font-size: 15rem;
  position: absolute;
  text-shadow: 1px 1px 1px rgba(102, 102, 102, 0.2);
  top: -65px;
  left: 0;   
 }
.testimonials:before {
  color: #63a744;
  content: '”';
  font-size: 15rem;
  margin-bottom: 3rem;
  position: absolute;
  text-shadow: 1px 1px 1px rgba(102, 102, 102, 0.2);
  bottom: -170px;
  right: -15px; 
  }
.testimonial:not(:last-child) {
	border-bottom: 1px solid #d8dcdb;
	}
.testimonial__quote,
.feature__heading {
  color: #4c4c4e;
  font-size: 1.8rem;
  font-family: 'Roboto Slab', 'Georgia', serif;
 }
 .testimonial__author {
  font-size: 1.6rem;
 }
 
 .certifications,
 .news--home {
  clear: both;
 }


  /*  Main content pages
--------------------------------------------- */

.title__container {
  position: relative;
}
.title__heading,
.news__title {
  color: #888;
  font-size: 2.6rem;
  font-family: 'Roboto Slab', 'Georgia', serif;
  font-weight: 700;
  margin: 0;
  padding: 1rem 5rem;
  text-align: center;
  transition: all;
  width: 100%;
  z-index: 20;
}
.title__heading h2 {
    font-weight: 700;
}

.main__text {
  padding-bottom: 2rem;
}
.main__text section:not(:first-child) {
  margin-top: 4rem;
}
section.border--top-light {
  padding-top: 2rem;
}
.main__text p:first-child {
  margin-top: 0;
}
.main__text img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
.main__text .image--align-left {
  margin: 0;
  text-align: left;
}

/** use this class for small images floated in content (such as cert marks) **/
.main__text .image--float-right {
  float: right;
  margin: 1rem;
}

.main__text .image--float-right img {
  margin: 0 0 2rem 0;
}

.main__text .image--float-left {
  float: left;
  margin: 1rem 1rem 1rem 0;
}
.main__text .image__international-mark {
    display: inline-block;
	margin: 0 1rem;
	width: 85px;
	vertical-align: middle;
}

.main__text .image--marks-guide {
  margin: 0 2rem 1rem 0;
}




/*** Organic - steps ***/

.step {
    display: table-cell;
	padding: 2rem;
	font-weight: 300;
	line-height: 1.2;
	vertical-align: top;
}
.step-counter li {
  counter-increment: step-counter;
  color: #fff;
  padding: 0 1rem;
  display: table;
  box-shadow: inset 0px 1px 5px 3px rgba(0,0,0,0.3);
  line-height: 1;
  margin: 1rem 0;

}
.step-counter li:nth-child(1) {
    background-color: #09834f;
}
.step-counter li::before {
	border-right: 10px solid #fff;
  	display: table-cell;
	padding: 2rem .5rem 0 1rem;
    vertical-align: top;
}
.step-counter li:nth-child(1)::before {
    content: url('/es/images/step-1.png');
}
.step-counter li:nth-child(2) {
    background-color: #62a744;
}
.step-counter li:nth-child(2)::before {
    content: url('/es/images/step-2.png');
}
.step-counter li:nth-child(3) {
    background-color: #8dc63f;
}
.step-counter li:nth-child(3)::before {
    content: url('/es/images/step-3.png');
}
.step-counter li:nth-child(4) {
    background-color: #6caddf;
}
.step-counter li:nth-child(4)::before {
    content: url('/es/images/step-4.png');
}
.step-counter li:nth-child(5) {
    background-color: #005596;
}
.step-counter li:nth-child(5)::before {
    content: url('/es/images/step-5.png');
}
.step__name {
	font-size: 2.4rem;
	font-weight: 700;
	text-transform: uppercase;
}





/*** Listings Pages ***/

.results__menu {
  border-bottom: 1px solid #63a744;
  margin: 0;
}
.results__menu li:not(:last-child) {
  margin-right: 1rem;
}
.results__menu .button {
  border: none;
  background: #d7e6b6;
  color: #63a744;
  padding: 1rem 3rem;
}
.results__menu .button:after {
  content: '';  
}
.results__menu .current {
  background: #63a744;
  color: #fff;
  cursor: text;
}
.results__container {
  clear: both;
  overflow: auto;
}
.menu__sort {
  border-bottom: none;
}
.menu__sort li {
  font-size: 1.4rem;
}
.menu__sort li:not(:last-child) {
  border-right: 1px solid #888;
}
.menu__sort .current {
  background: #fff;
  color: #f57b07;
  font-weight: 700;
}

.results__list {
  clear: both;
  list-style: none;
  margin-top: 3rem;
}
.results--border-all-sides li {
  border: 1px solid #005596;
  margin-bottom: 2rem;
}
.results__item-link {
  color: #444;
  display: block;
  padding: 2rem;  
}
.results__item-link:hover,
.results__item-link:focus {
  background: #d7e6b6;
  color: inherit;
}
.result__product {
  font-size: 3.6rem;
}
.result__company-name {
  color: #005596;
  font-size: 2.4rem;
}


/** Company List **/

.menu--secondary li {  
  display: inline-block;  
  font-size: 1.4rem;
}
.menu--secondary a,
.menu--secondary .current {
  display: inline-block;
  float: none;
  padding-right: 1rem;
}

.results__container .menu__alpha {
  border-bottom: 1px solid #d8dcdb;
  padding: 1rem 0;
}
.results__heading {
  margin-top: 2rem;
}
.results__company {
  border-bottom: 1px solid #d7e6b6;	
  padding: .5rem .5rem .5rem 1rem;
  transition: background .3s;
}
.results__company:last-child {
  border-bottom: none;
}
.results__company:hover,
.results__company:focus {
  background: #d7e6b6;
}


/*** Resource Library ***/
.intro__text {
  padding-bottom: 3rem;
}
.results--border-bottom li {
  padding: 2rem 0;
}
.results--border-bottom li:first-child {
  padding-top: 0;
}
.results--border-bottom li:not(:last-child) {
  border-bottom: 1px solid #d8dcdb;
}
.results__item p,
.result__title {
  margin: 0;
}
.results__item .result__blurb {
  margin-top: 2rem;
}
.result__subtitle {
  color: #888;
}
.results__pipe {
  color: #f57b07;
  display: inline-block;
  padding: 0 .5rem;
}
.results__item .form__category {
  margin-bottom: 2rem;
}
.results__sidebar {
  margin-top: 3rem;
}

/*** Listing Detail ***/

.section__listing {
   padding-bottom: 3rem;
}
.details__container {
  margin-top: 3rem;
}
.details__company span {
  color: #444;
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
}
.details__company {
  color: #f57b07;
}
.details__address {
  font-size: 1.8rem;
}

.section__facility .details__facility:not(:first-of-type) {
  border-top: 1px solid #d8dcdb;
  margin-top: 3rem;
  padding-top: 2rem;
}



.results__product-details td {
  text-align: left;
  width: 37.5%;
}
.results__product-details td:nth-child(3) {
  text-align: right;
  width: 25%;
}

.products__all tr:nth-child(even){
  background: #d8dcdb;
}
.products__all th,
.products__all td {
    padding: 1rem;
}
.products__all tr:first-child {
  border-bottom: 3px solid #888;
  border-top: 1px solid #888;
}
.facility__name {
  color: #f57b07;
  font-size: 1.8rem;
}
.details__title:not(:first-child) {
  margin-top: 2rem;
}

.results__company-link {
  display: block;
  padding: 1rem 0;
}



/*** News and Events ***/

.news__text .main__text p:first-of-type {
  margin-top: 0;
}
.search__intro {
  padding: 0 2rem 3rem 3rem;
}
.select__group:not(:last-child) {
  margin-bottom: 2rem;
}
.news__cards,
.resource__cards {
  padding-top: 3rem;
}
.news__cards .card__text {
  padding-top: 1.5rem;
}


/*** News PR template ***/
.news__subtitle-container {
    background: #eef0ef;
}
.news__subtitle-container .container {
  padding: 0;
}
.news__subtitle {
  color: #888;
  font-size: 2.9rem;
  margin: 0;
  padding: 1.5rem 0;
  text-align: center;
}
.subtitle--left {
  text-align: left;
}
.news__media-container {
  margin-bottom: 5rem;
}
.news__text .news__feature-image {
  margin: 0 0 2rem 0;
}


/*** Contact Us ***/

.contact__address {
  margin-top: 0;
}
.checkbox {
  line-height: 1;
  margin-top: 3rem;
}


/*** 404 Page Styling ***/

.error__subtitle {
  color: #888;
  font-size: 2.9rem;
  padding: 0;
}
.error__text {
  font-size: 2.4rem;
}

/*** Search Results Page ***/

.search__result:not(:first-child) {
    margin-top: 2rem;
}
.search__result {
  padding-bottom: 2rem;
}

.result_pages {
  padding-top: 2rem;
}

/*** Staff Bios ***/

.bios {
  position: relative;
}
.bio * {
  outline: none;
}
.bio:first-child,
.bio:nth-child(5) {
  margin-left: 0;
}
.bio.columns.three {
  display: inline-block;
  float: none;
  height: auto;
  max-width: 196px;
  margin-bottom: 4rem;
  width: 21%;
  vertical-align: top;
}
.bio__name {
  font-size: 1.8rem;
  line-height: 1;
  margin: 1rem 0 0 0;
}
.bio__title {
  color: #888;
  font-size: 1.6rem;
  margin: 0;  
}
.bio__link {
  font-size: 1.3rem;
}
.bio__text {
  color: #4c4c4e;
}
.bio:hover,
.bio:focus {
  opacity: .9;
}
.bio p {
  color: #005596;
  margin-top: .5rem;
  transition: color .6s;
}
.bio:hover p,
.bio:focus p {
  color: #f57b07;
}



/*** Individual Bio Pages ***/
.bio__individual-name {
  margin-bottom: 0;
}
.bio__individual-title {
  color: #888;
}
.main__text .bio__individual-image {
  margin-right: 2rem;
}
.bio__individual-text {
  margin-top: 0;
}

/*** Sitemap ***/
.sitemap ul {
    margin-left: 5rem;
}






/*==============================================/  
	
	5: State Rules
	
============================================= */


/*=========== EXPANDABLE (SHOW/HIDE) CONTENT =========== */

.content_show-hide {
  display: none;
  margin: 3rem 0 0 0;
  padding: 0;  
}
.container--expandable {
  margin-top: 4rem;
}
.container--expandable .plus,
.container--expandable .minus {
  margin: 2rem 0 0 0;
  position: relative;
  padding: 0 0 0 4rem;
}
.expandable--small-link {
  margin: 2rem 0 0 -1rem;  
}








/*=========== STICKY HEADER  =========== */
/* For devices larger than main grid */


@media (min-width: 1244px) {
  
	  main {
		padding-top: 230px; /* componsates for height of fixed header */
	  }

	  header {
		background: #fff;
		position: fixed;
		width: 100%;
		z-index: 200;
	  }
   header .menu {
   width: auto;
  }
	  header,
	  .logo__image,
	  .logo__text{
		transition: all .6s;
	  }
	  header.js-sticky .logo.five {
		margin: -1rem 0;
	  }
	  header.js-sticky .logo__link {
		margin-bottom: 0;
	  }
	  header.js-sticky .logo__image {
		height: 50px;
		width: 50px;
		}
	  header.js-sticky  .logo__text {
		line-height: 50px;
	  }
	  header.js-sticky .search__submit-site {
		width: 36px;
	  }
	  
	  

	  
	  
}

/*==============================================/  
	
	6: Media Queries
	
============================================= */


/*=========== LARGER THAN =========== */


/* Larger than a Phablet */
@media (min-width: 550px) {
 
 
	    /*** Base style adjustments ***/		
		
		h2 { font-size: 3.2rem; }
		h3 { font-size: 2.6rem; }
		h4 { font-size: 2.1rem; }
		h5 { font-size: 1.9rem; }
		h6 { font-size: 1.6rem; }
		
		
		/*** Grid adjustments ***/		
		
		.column,
		.columns {
		  float: left;
		}
		.column.card:nth-child(even) {
		  margin-left: 4%;
		}
		
		
		/*** Card adjustments ***/		
		
		.news--home {
		  width: 100%;
		}		
		.card.category__feature:nth-child(2n) {
			margin-left: 0;
		}
		.card.category__feature,
		.card.news__feature {
		  width: 46%;
		}		
		.column.card.news__feature:not(:first-child) {
			margin-left: 2%;
		}
		
		
		/*** News Landing Page adjustments ***/
		
		.news--home .column.card,
		.news__cards .card,
		.resource__cards .card{
		  height: auto;
			min-height: 450px;
		}
	   
	   .column.card:nth-child(1) {
		  margin-left: 2%;
	   }
		
		/*** Search form adjustments ***/
		
		.search__form input {
		  display: inline-block;
		  width: 60%;
		}
		
		/** add aditional text to search button on larger screens **/
		.button__news-search:before {
		  content: "Search News & Events";
		}		
		.button__listings-search:before {
		  content: "Search QAI Listings";
		}
		
		button:not(.search__submit-site) {
			min-width: 150px;
			width: auto;
		}
		
		
		/*** main content buttons ***/
		
		.button__main-content + .button__main-content {
		  margin-left: 2rem;
		}
	  
  
}




/* Larger than  a Tablet */
@media (min-width: 769px) {
 
 
		/*** Header grid adjustments ***/
		header .five.columns,
		header .seven.columns {
		  width: auto;
		}
				 header .search-msg .error {
 background: #fff;
 border: none;
}
		 
		/**** Full Header Navigation ****/
		
		#mobile-header {  
			display: none;
		}
		#full-header,
		nav,
		.menu, 
		#search-section {
		  display: block;
    float: left;
    width: 100%;
		}
  #search-section {
   width: 75%;
  }
		#site-search input {
		  width: 250px;
		}  
		.search__submit-site {
		  margin: 0 4rem 0 -1px;
		}
  header .button--lock {
   float: left;
  }
	   #full-header nav {
		  line-height: 10px;
		  text-align: center;
		}
		#full-header .menu {
		  display: inline-block;
		  float: none;
		  margin: 0;
		}
		#full-header .menu__sub {
		   text-align: left;
		 }
		#full-header nav ul {
			  margin-right: 5rem;
		}
		nav li {  
			display: inline;  
			float: left;
		}
		.menu {
		  float: right;
		}  
		.menu > li {
		  margin-right: 2rem;
		}
		.menu li:last-child {
		  margin-right: 0;
		}
		nav .menu__parent {
		  position: relative;
		}		
		nav .current {
		  cursor: text;
		}
	  
		/* Display Dropdowns on Hover */
		#full-header  nav .menu__parent:hover > ul,
		#full-header  nav .menu__parent:focus > ul,
		nav .menu__parent:hover > ul,
		nav .menu__parent:focus > ul {
			  display: block;
		  }	
		  /* Fisrt Tier Dropdown */
		#full-header nav ul ul li {
			  float: none;
			  display: list-item;
			  margin-right: 0;
			  padding-right: 0;
		  }
		#full-header nav ul ul li:hover,
		#full-header nav ul ul li:focus {
			  background: #f57b07;
		   }
		#full-header nav .current,
		#full-header nav .js-clickable {
		  background: #1986F0;
		}
		#full-header nav .js-clickable:hover,
		#full-header nav .js-clickable:focus {
			  background: #888;
		   }
		
		.menu__sub {
			  background: #888;
			  box-shadow: 3px 3px 5px 0px rgba(102,102,102,.2);
			  float: none;
			  height: auto;
			  list-style: none;
			  margin: 0;
			  position: absolute;
				top:  48px;
				left: 0;
			  width: 500px;
			  z-index: 2000;
		  }
		  
		  
		/** Show Breadcrumb Navigation **/
		#breadcrumb-nav {
		  display: block;
		}

		.menu--breadcrumb {
		  background: #d7e6b6;
		  color: #888;
		  list-style: none;
		  margin: 0;
		  overflow: auto;
		  padding: 1rem 0 1rem 0;
		}
  .menu--breadcrumb ol {
    list-style: none;
  }
		.menu--breadcrumb li {
		  float: left;
		  margin-right: 1rem;
		}
		.menu--breadcrumb li a:after {
		  color: #888;
		  content: " >";
		  margin-left: 1rem;
		}

		
	  /*** Homepage adjustments ***/
	  
		#mission .hero__text {
			bottom: 0;
			position: absolute;
			vertical-align: middle;
			width: 100%;
		}
					  
		#testimonials:before {
		  font-size: 30rem;
		  top: -155px;
		  left: -20px;   
	   }
	   /** IMPORTANT: even though this quote comes after must use :before due to bug in IE - works in all browsers **/
		.testimonials:before {
		  font-size: 30rem;
		  margin-bottom: 3rem;
		  bottom: -255px;
		  right: -30px; 
		}	 
		#testimonials .row {
		 display: flex;
		}  
		.testimonials {
		  padding: 1rem 20px;
		}
		.testimonials .testimonial {
		  border-bottom: none;
		  border-right: 1px solid #d8dcdb;
		  padding-right: 2%;
		  margin-left: 2%;
		}
		.testimonial:last-child {
		  border-right: none;
		 }

		 
	   .hero__img,
	   .hero__text-wrap {
		  display: block;
		}		
	   .hero__heading,
	   .hero__text-wrap,
	   .feature__text,
	   .news--home .column.card {
		  width: 100%;
	   } 		

		
		/*** Card Adjustments ***/
		
		.card {
		  display: inline-block;
		  float: none;
		  text-align: left;
		  vertical-align: top;
		}		
		.column.card:not(:first-child) {
			margin-left: 2%;
		}
		.column.card {
		    padding: 0;
		}
		
			
		
		/*** Footer Adjustments ***/
		footer {
		  text-align: left;
		}
		footer .menu__parent {
		  float: left;
		  width: 48%;
		}
		footer .menu__parent:nth-child(1),
		footer .menu__parent:nth-child(2) {
		  margin-bottom: 2rem;
		}
		
		footer .menu__parent > a:first-child,
		footer .menu__footer > li:not(.menu__parent) {
		  text-transform: uppercase;
		}
		
		footer .menu__footer-sub {
		  display: block;
		}
		.copyright {
		  float: left;
		  margin-top: .5rem;
		}
  footer .menu__utility {
   width: auto;
  }
		
		
		/*** Main Content Page Adjustments ***/
		
		/*** Page title adjustments ***/
		.title__heading {
		  position: absolute;
			top: 0;
		  text-align: left;
		}
		
		/*** Navigation adjustments ***/
		.nav__local a {
			padding: .5rem 0 .5rem 2.75rem;
		}
		.current__section > a,
		.current__section strong {
		  padding: 0 0 .25rem 1rem;
		}
		.current__section > a,
		.current__section .current > a,
		.nav__local .js-clickable {
		  font-weight: 700;
		}
		.current__section .current > a {
		  color: #444;
		}
		.nav__local .current,
		.nav__local li a:not(.current):hover,
		.nav__local li a:focus,
		.nav__local-parent a:not(.current):focus > a:before,
		.nav__local-parent a:not(.current):hover > a:before {
		  color: #f57b07;
		  background: #fff;
		}
		.nav__local .current {
		  color: #444;
		}
		.nav__local li a {                                    
		  transition: color .3s;
		}
		.nav__local-sub {
		    border-top: 1px solid #d8dcdb;
		}

				
		/*** Grid Adjustments ***/
		
		.filter__container.columns,
		.nav__local-container.columns,
		.news__sidebar,
		.contact {
		  margin-left: 0;
		  width: 25%;
		}	
		.main__text-container.columns,
		.search__intro.columns {
		  width: 67%;
		  margin: 0 0 0 4%;		  
		}		
		.main__text.columns {
		  margin-left: 0;
		}
		
		
		/* exception for form columns */		
		form .six.columns {
		  width: 48%;
		}
		form .six.columns:not(:first-child) {
		  margin-left: 4%;
		}
		



		/*** Listings adjustments ***/
		
		.menu__sort li {
		  font-size: 1.8rem;
		}
		.menu__alpha li {
		  font-size: 1.4rem;
		}
	  
	  
		/** Form adjustments **/
		
		.select__group,
		.filter__container .button {
		  width: 100%;
		}
		.filter a {
		  padding: 1rem;
		}
		.dropdown__group {
		  margin-bottom: 2rem;
		}
	  
	  
	  /*** News Item Pages ***/
	  
	  #news-filter {
		margin-bottom: 8rem;
	  }
	  
	  .news__title {
		position: static;
	  }	  
	  .main__text-container-news.columns {
		  margin: 0 2%;
	  }
	  .news__sidebar {
		float: right;
	  }
	  .news-heading__container {
		  padding: 3rem;
	  }
	  .news__subtitle-container h3 {
		padding-left: 2rem;
	  }
		
		
		/*** Learning Resource Library ***/
		#learning-resource-library #local-menu {
		  margin-bottom: 20rem;
		}

}


@media (min-width: 835px) {  

	/** Grid adjustments **/
	
    .news--home .column.card {
	  width: 22%;
	}
	.column.card:not(:first-child) {
	  margin-left: 2%;
	}
	
	/*** Cards with only text (no icons or image) ***/  
	.card--text-only {
	  padding: 2rem;
	}

	
	
}

/* Larger than Main Grid */
@media (min-width: 1244px) {
  
		/*** Instate utility functions when main content area is larger than grid width ***/
  
		.u-pull-right {
		  float: right;
		}
		.u-pull-left {
		  float: left;
		}
		.u-pull-up {
		  background: #fff;
		  margin-top: -10rem;
		}		
		.u-pull-up:not(.main__content) {
			margin-top: -5rem;
		}
		
		/*** Instate main column functions when main content area is larger than grid width ***/
		.column,
		.columns {
		  margin-left: 4%;
		}
		.column:first-child,
		.columns:first-child,
		.form__container {
		  margin-left: 0;
		}
		
		.one-third.column             { width: 30.6666666667%; }
		.one-fourth.column 			  { width: 23.5%; }
		.one-fifth.column 			  { width: 16.6666666667%; }
		.two-thirds.column            { width: 65.3333333333%; }
		.one-half.column              { width: 48%; }
		

		
		
	  /*** Header adjustments ***/
		header .row:nth-child(2) {
		  padding: 3rem 5rem 0 5rem;
		}
		header .logo.five {
			margin: -2rem 0 0 0;
		}
		.logo__text {
		  line-height: 75px;
		}
  #search-section {
   width: auto;
  }
		.button__cta {
		  display: inline-block;
		  height: 48px;
		  line-height: 43px;
		  width: auto;
		}		
		#full-header .menu {
			float: right;
			margin-right: 5rem;
		  }
		  
		/** Homepage adjustments **/
	   
		#mission {
			margin-bottom: 0;
		}		
		#mission .hero__text {
			display: table-cell;
			position: static;
			vertical-align: middle;
		}	  
		.hero {
		  position: relative;
		}		
		.hero__heading,
		.feature__text,
		.hero__page-title {
		  position: absolute;
		 }
		.hero__heading,
		.feature__text {
		  padding: 5rem;
			top: 50%;
			bottom: auto;
		  transform: translateY(-50%);
		 }
		 .hero__heading {
		  font-size: 2.6rem;
		  padding: 3rem 5rem;
		  width: 60%;
		 }
		.feature__heading {
		  font-size: 3rem;
		 }
  .feature__text {
      font-size: 2.2rem;
      max-width: 75ch;
      padding: 5rem;
      width: 69%;
  }
		.feature .u-pull-right {
		 right: 0;
		}		
		
		.image--cover {
		  clip: rect(0px, 3000px, 462px, 0px);
		}
		
		

		/*** Footer Adjustments ***/
		
	    footer .menu__parent {
		  width: 23.5%;
		}
		footer .menu__parent.last {
		  margin-right: 4%;
		}
		.menu__utility a {
		  padding-right: 0;
		}
/*		*/
		
		/*** Main Content Adustments ***/
		
		.title__heading,
		.news-heading__container {
		  font-size: 2.9rem;
		  padding: 2rem 5rem;
		}		
		.main__text-container.columns,
		.search__intro.columns {
		  margin-right: 0;		  
		}
		
		.news-heading__container {
		  padding: 5rem 0 2rem 2rem;
		}
		.news__title {
		  padding: 0;
		}
		.news-details__date-category {
		  color: #888;
		  font-size: 1.8rem;
		}
		.news-details__date {
		  padding-right: .5rem;
		}
		.news-details__category {
		  padding-left: .5rem;
		}
		
		
		

		
  }


@media (min-width: 1200px) {
  
  
		/*** Column width adjustments on larger screens ***/
		.one.column,
		.one.columns                    { width: 4.66666666667%; }
		.two.columns                    { width: 13.3333333333%; }
		.three.columns                  { width: 22%;            }
		.four.columns                   { width: 30.6666666667%; }
		.five.columns                   { width: 39.3333333333%; }
		.six.columns                    { width: 48%;            }
		.seven.columns                  { width: 56.6666666667%; }
		.eight.columns                  { width: 65.3333333333%; }
		.nine.columns                   { width: 74.0%;          }
		.ten.columns                    { width: 82.6666666667%; }
		.eleven.columns                 { width: 91.3333333333%; }
		.twelve.columns                 { width: 100%; margin-left: 0; }
		
		
		/* header .five.columns {
		  width: 39.3333%;
		}
				header .seven.columns {
		  margin-left: 4%;
		  width: 56.6667%;
		}
		*/
  header .five.columns {
		  width: auto;
		}
  header .seven.columns {
   float: right;
		  width: 66.6667%;
  }

	  
		/*** Hompepage adjustments ****/
		.search__submit-site {
		  margin-right: 6rem;
		}
		
		 .hero__heading {
			font-size: 3.2rem;
			max-width: 750px;
		}
		
		
		#breadcrumb-nav .current {
		  display: inline-block;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  width: 900px;
		  white-space: nowrap; 
		}
		
		/*** sidebar card adjustments ***/
  
  .card__sidebar .card__text:not(.card--text-only) {
    padding: 0 1.5rem 1.5rem 1.5rem;
}
		
		.sidebar .card__link-image + .card__text {
		  margin-top: 0;
		}
		

}




/*=========== SMALLER THAN =========== */

@media screen and (max-width: 450px) {
  
	/** Header adjustments **/
	header .logo {
	  padding: 0 1rem;
	}
	header .logo,
	header .logo__text {
	 line-height: 1.2;
	 margin-top: .75rem;
	 width: 50%;
	}
	header .logo,
	header #pull, .logo__link {
	   display: inline-block;
	   float: none;
	   margin: 0 auto;
	   text-align: center;
	 }
	 
	 #mobile-header .one-half:nth-child(2) {
	  float: none;
	  width: 100%;
	  text-align: center;
	}
	 
	 /** Search products navigation adjustments **/
	 .mobile--inline-buttons li a {
	   font-size: 1.3rem;
	 }
	
	
	/** Homepage adjustments **/
	.mission__heading {
	  padding: 2rem;
	}
	.testimonials {
	  padding: 1.5rem;
	}

	/** Search results button **/
	.results__menu .button {
	  padding: 1rem;
	}
	
	.bio p {
	  height: auto;
	}
	

}


@media screen and (max-width: 550px) {
 header .logo {
  margin: 0;
  width: 100%;
 }
 .logo__link {
  display: inline-block;
 }
 #mobile-header .one-half:nth-child(2) {
  display: block;
  float: none;
  margin: 0 auto 2rem auto;
  padding: 0 0 0 2rem;
 }
}


/* Smaller than Tablet */
@media screen and (max-width: 769px) {
  
	  /** Base style adjustments **/
	  h3 {
		color: #f57b07;
		font-size: 2.1rem;
		line-height: 1.3;
		}
	  h4 {
		color: #f57b07;
		font-size: 1.9rem; 
		line-height: 1.35;
		}
	  h5 {
		font-size: 1.7rem;
		line-height: 1.5;
		}
	  h6 {
		font-size: 1.4rem;
		line-height: 1.6;
		}  

	    /*** Card adjustments ***/  
		.link__more,
		.news__link-more {
		  background-color: #fff;
		  border: 1px solid #d1d1d1;
		  box-shadow: none;
		  box-sizing: border-box;
		  display: inline-block;
		  float: none;
		  height: 46px;
		  line-height: 23px;
		  margin: 2rem 0 1rem 0;
		  padding: 1rem;
		  position: static;
		  width: auto;
		}		
		.news--home {
		  background: #f5f6f6;
		}
		.news__cards .card {
		  height: auto;
		  text-align: center;
		}
		
		
		
		
		/*** Header adjustments ***/
  

  
  
		header .five.columns,
		header .seven.columns {
		  margin: 0;
		  width: 100%;
		}		
		.logo__image {
		  float: left;
		  height: 50px;
		  width: 50px;
		}	  
		.logo__text {
		  font-size: 1.4rem;
		  float: left;
		  line-height: 50px;
		  width: auto;
		}
  header .button--lock {
   display: inline-block;
   padding: .5rem 1rem;
  }
  header .search-msg .error {
   margin: 1rem auto;
   padding: 1rem;
   width: 87%;
  }
		

		footer {
		  padding: 0 0 2rem 0;
		}
		
		/*** Menu adjustments ***/
  


		.menu__footer,
		.nav__local-container {
		    background: #63a744;
			width: 100%;
		}
		.menu__footer li,
		.nav__local li {
			width: 100%;
		}
		.menu__footer li:not(:last-child),
		.nav__local li:not(:last-child),
		.current__section > a {
		  border-bottom: 2px solid #fff;
		}	
		.menu__footer a,
		.nav__local a {
			color: #fff;
			display: block;
			font-size: 1.8rem;
			line-height: 55px;
			text-align: center;
			text-transform: capitalize;
		}
		.menu__footer .js-clickable,
		.menu__footer  .current {
			background: #888;
			color: #fff;
			font-weight: 700;
		}
		.menu__footer  .current {
		  cursor: text;
		}
		.menu__footer li:hover,
		.menu__footer li:focus {
		  background: #888;
		  color: #fff;
		}
		

		
		
		.nav__local,
		.nav__local .current__section strong {
		  display: none;
		}
		

		.nav__local-sub li {
		  background: #d7e6b6;
		  padding-left: 0;
		}
		.nav__local-sub a {
		  color: #888;
		  transition: all;
		}
		.nav__local-parent.plus > a::before,
		.nav__local-parent.minus > a::before {
		  color: #fff;
		  margin-left: -1rem;
		  margin-right: 1rem;
		  position: static;
		}		


		#pull-local {
		  border-left: none;
		  border-right: none;
		  display: block;
		  font-size: 1.8rem;
		  height: 66px;
		  line-height: 50px;
		  margin: 0;
		  padding: .5rem 1rem;
		  text-align: center;
		  width: 100%;
		}
		#pull-local:after {
		  content: "\f0d7"
		}
		#pull-local.js-open:after {
		  content: "\f0d8"
		}
		
		/*** Homepage adjustments ***/
		.mission__heading {
		  background: #63a744;
		  color: #fff;
		}
	  	.testimonials__heading {
		  margin-bottom: 0;
		}
		.feature__text {
		  padding: 2rem;
		}

		
		/*** Main content page adjustments ***/
		.main__content {
		  padding: 0;
		}
		.main__text-container {
		  margin: 0;
		  padding: 2rem 20px 0 20px;
		}
		.main__text-container .columns {
		  margin-left: 0;
		}
		
		
		
		
		/*** Lisitngs Keyword Search Field ***/
		.button--search {
		  content: '';
		}
		
		.mobile--inline-buttons .current__section {
		  width: 100%;
		}
		.mobile--inline-buttons .current__section ul {
		  width: 100%;
		}
		.mobile--inline-buttons {
		  border-top: 2px solid #fff;
		  display: block;
		}
		
		/*** There is some admitted weirdness in trying to
		get each button take up the full 1/3 width. Only slight variance
		but will work out as time allows ***/
		
		.mobile--inline-buttons .current__section ul li {
		  border-bottom: none;
		  display: inline-block;
		  width: 32.9%;
		}		
		.mobile--inline-buttons .current__section ul a {
		  width: 100%;
		}
		.mobile--inline-buttons .current__section ul li:nth-child(2) {
		  margin-left: -2px;
		}
		.mobile--inline-buttons .current__section ul li:nth-child(3) {
		  margin-left: -4px;
		}
		.mobile--inline-buttons .current__section ul li:not(:last-child) a {
		  border-right: 2px solid #fff;
		}	
		.mobile--inline-buttons li:not(:last-child) {
		  border-bottom: none;
		}
		.mobile--inline-buttons li:last-child {
		  border-bottom: none;
		}
		.mobile--inline-buttons .current__section ul li a:hover,
		.mobile--inline-buttons .current__section ul li a:focus {
		  background: #888;
		}
		
		/*** Filter adjustments ***/
		.filter__container {
		  background: #d8dcdb;
		  margin: 0;
		  padding: 0;
		  width: 100%;		  
		}
		.filter,
 		.form__container {
		  overflow: auto;
		  padding: 2rem;
		}
		.form__container {
		  padding-bottom: 0;
		}
		.select__group,
		.filter__container .button {
		  float: left;
		  width: 48%;
		}
		.filter__container .button {
		  clear: both;
		  font-size: 1.4rem;
		  line-height: 2.3;
		  padding: 0 1rem;
		  width: auto;
		}
		.select__group:nth-child(2) {
		  margin-left: 4%;
		}
		.search__intro {
		  margin: 0;
		}
		
		.form__container .six {
		  margin-bottom: 2rem;
		}
		.button__resources-search {
		   max-width: 30rem;
		   min-width: 50%;
		}
		
		#news-filter .select__group {
		  margin: 1rem 0;
		  width: 100%;
		}
		#newsfilterbutton {
		  margin-top: 1rem;
		}
		





	  /*** News detail page adjustments ***/
		.news-details__date-category {
		  text-align: center;
		}
		.news__subtitle {
		  font-size: 2.3rem;
		}
		.news__text {
			padding: 1rem;
		}
		.news__sidebar {
		  border-top: 1px solid #d8dcdb;
		  margin: 0;
		  padding-top: 3rem;
		}
		
		
		/*** Resources library adjustments ***/
		.result__type,
		.form__category {
		  font-size: 1.4rem;
		}
		.result__title {
		  font-size: 2.3rem;
		}
		.result__subtitle {
		  font-size: 1.8rem;
		}
		
		
		/*** Contact us ***/
		
		.contact {
		  background: #f5f6f6;
		  margin: 0;
		  padding: 2rem 0 1rem 0;
		  text-align: center;
		}
		
		
		.bios {
		  text-align: center;
		}
		
		.bio.columns.three {
		  width: 50%;
		}
		
		
		/*** Individual Bio Pages ***/
		.bio__individual-name,
		.bio__individual-title {
		  text-align: center;
		}
		
		.main__text .bio__individual-image {
		  max-width: 194px;
		  width: 50%;
		  
		}
				
		
		
		

  
}


@media (max-width: 875px) {
  
	  /*** News card adjustments ***/
  
		.news--home {
		  margin: 0 auto;
		} 
		.news--home .column.card,
		.news__cards .column.card,
		.resource__cards .column.card {
		  display: inline-block;
		  float: none;
		  height: auto;
		  vertical-align: top;
		}
		
		.news__text .image--large {
		  float: none;
		  margin: 0 auto;
		}
		
		
}


/* Smaller than Main Grid */
@media (max-width: 1244px) {
  
       /*** Header adjustments ***/
       
  .banner--utility {
   text-align: center;
   margin-bottom: 2rem;
  }
  
		#full-header  nav a,
		#full-header .current {
			font-size: 1.5rem;
		  }  
		header .five.columns,
		header .seven.columns {
		  margin-left: 0;
		  width: 100%;
		}
  header .button__cta {
   clear: both;
  }
  header .menu {
   width: auto;
  }
		.menu > li {
		  margin-right: 0;
		}
	  
		#search-section {
		  display: table;
		  margin-bottom: 2rem;
		  text-align: center;
		}
		#site-search input,
		.search__submit-site {
		  display: inline-block;
		  margin: 0;
		  width: 80%;
		  vertical-align: top;
		}
		.search__submit-site {
		  margin-left: -1rem;
		}
		
		.button__cta {
			border-left: none;
			border-right: none;
			  height: 66px;
			  line-height: 3;
		}
		
		
		/*** Remove shadow on HP Mission background ***/
		.mission__heading {
		    box-shadow: none;
		}
		.feature__heading {
		  font-size: 3rem;
		}

		.news__cards,
		.resource__cards {
		  text-align: center;
		}
		
		
		/*** News item page adjustments ***/
		
		.news__title {
		  padding: 0;
		}
		.news__subtitle {
		  padding: 1.5rem 3rem;
		}
		
		#breadcrumb-nav .current {
		  display: inline-block;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  width: 400px;
		  white-space: nowrap; 
		}
		
  
}

@media (max-width: 1200px) {
  
	    /*** when main content sidebar moves below content adjust styling ***/
		
  		.main__text-container .sidebar__container {
		  border-top: 1px solid #d8dcdb;
		  margin: 0;
		  padding-top: 3rem;
		}
		
		.sidebar {
		  text-align: center;
		}
  
  .card__sidebar .card__text {
    margin-top: 1rem;
}
		
	   

}


@media (min-width: 750px) and (max-width: 1170px) {
  
	    /*** fix weirdness with right quote mark ***/
		#testimonials {
		  width: 95%;
		}
}

@media (min-width: 769px) and (max-width: 1366px) {
.menu--breadcrumb ol {
    padding-left: 5rem;
}
}

@media (min-width: 550px) and (max-width: 1000px) {
  
  
		/***  adjust sizing for play button on video cards ***/
		
		.news__cards .card__video .card__link-image::before,
		.news__cards .card__play .card__link-image::before {
		  top: 0;
		}
}


/**************
	
Target IE 10 and 11 only
IE 10 and 11 do not calculate the 'ch' character width correctly
	
 ***********/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

.home .feature__text {
  max-width: 100ch;
 }

}


/*==============================================/  
	
	7: Print Styles
	
============================================= */


@media print {
  
  
  body,
  .logo__link,
  .callout-text {
      background: #fff !important;
      color: #000;
      font: 13pt Georgia, "Times New Roman", Times, serif;
      letter-spacing: normal;
      line-height: 1.3;
    }
	
	h1, h2, h3, h4, h5, h6 {
	  font-weight: bold;
	} 
	h2, h3, h4 {
	  color: #000;
	  font-size: 14pt;
	  margin: 25px 0;
	}
	
	h3 + p {
	  margin-top: 50px;
	}

	ul li {
	  margin: 0;
	}
	
	* {
	  float: none;
	  font-size: 10pt;
	  letter-spacing: normal;
	  line-height: 20pt;
	}
	
    
    img {
	  max-width: 100% !important;
	}
  
  
  /*** font sizes ***/
    h1,
	.logo__link {
	  font-size: 16pt;
	}
  
	h3 {
	  font-size: 13pt;
	}

	h4 {
	  font-size: 12pt;
	}	
	.result__product {
	  font-size: 16pt;
	}	
	.result__company-name {
	  font-size: 14pt;
	}
	.news__subtitle {
	  font-size: 14pt;
	}
  
  
  /* Displaying link color and link behavior */
	a:link, a:visited, a,
	.button {
	  background: transparent;
	  border: none;
	  box-shadow: none;
	  color: #005596;
	  text-align: left;
	  font-weight: bold;
	}
	
	h1 a:link {text-decoration: none;}
	
	a[href^="http"]:after,
	a.button:after
	{
	  content: " (" attr(href) ") ";
	  font-size: 90%;
	}
	
	a[href^="#"]:after {
	 content: "";
   }
   
/* Defining all page breaks */
  a, img, blockquote,
   h1, h2, h3, h4, h5, h6,
   form {
	  page-break-inside: avoid;
  }
  
  h1, h2, h3, h4, h5, h6,
  img {
	   page-break-after:avoid;
	}
	
	
  	a, .button {
	  page-break-inside:avoid
	}
	table, pre { page-break-inside:avoid }
	ul, ol, dl  { page-break-before:avoid }
	
	
	/*** hiding unecessary elements for print ***/
	#full-header,
	#breadcrumb-nav,
	footer,
	.nav__local-container,
	.title__image,
	.category__features,
	main + .callout--bright,
	.sidebar,
	.step-counter li:nth-child(1)::before,
	.step-counter li:nth-child(2)::before,
	.step-counter li:nth-child(3)::before,
	.step-counter li:nth-child(4)::before,
	.step-counter li:nth-child(5)::before,
	.timeline ul li:nth-child(2n+1) div::before,
	.timeline ul li:nth-child(2n) div::before,
	#keyword-search {
	  display: none;
	}

	.container::after, .row::after {
	  display: block;
	}
	
	.container,
	.step,
	.news-heading__container,
	.news__subtitle-container h3 {
	  padding: 0;
	}
	
	.main__content {
	  margin: 25px 0;
	  padding: 0;
	}
	


      
  /*** fix organic steps css "graphic" for print ***/
	
	.step__name {
	  font-size: 12pt;
	  text-transform: capitalize;
	}
	.bg--transparent,
	.step-counter li {
	  box-shadow: none;
	}  
	main-content .step-counter li:before {
	  content: '';
	}
 
  
  /*** columns and floats ***/
  .column, .columns {
	margin: 25px 0;
	float: none;
  }
  .main__text-container,
  .nine.columns,
  .container,
  .one-half.column,
  .one-third.column,
  .two-thirds.column,
  .nine.columns
  {
	width: 100%;
  }  
  .u-full-width {
	max-width: 90%;
  }
  .main__text .image--float-right,
  .main__text .image--float-left {
	  max-width: 40%;
	}

  
  
  /*** show hidden content ***/
	.content_show-hide {
	  display: block;
	}
	
	.results--border-all-sides li {
	  border: none;
	  padding: 0;
	}
	
	 
	 .title__heading,
	 .news-heading__container {
	  padding-left: 0;
	 }

	/*** timeline on About page ***/
	.timeline ul,
	.timeline ul li,
	.timeline ul li div {
	  color: #000;
	  display: block;
	  position: static;
	  width: 100%;
	}
	.timeline ul li:nth-child(2n) div,
	.timeline ul li:nth-child(2n+1) div {
	  width: 500px;
	  position: static;
	}	
	.timeline ul li:nth-child(2n) div {
	  left: 0;
	}
	
	
	
	
  
  
  /*** form print styles ***/
  
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="text"],
	input[type="tel"],
	input[type="url"],
	input[type="password"],
	textarea,
	select {
	  border-bottom: 1px solid #d1d1d1;
	  border-top: none;
	  border-left: none;
	  border-right: none;
	  color: #000;
	  height: auto;
	  padding: 0;
	  width: 90%;
	}
	
	
	

 
/** Setting margins */       
@page { margin: 2cm }
	
	
	
}