/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
@import url("https://use.typekit.net/esr1kag.css");

/* 
  Table of Contents
	
  I.    Global --------------------------------------
        01. Fonts
		02. Typography
		      Paragraph
			    Lead
			  Headers
			    Subheaders
				Small
			  Links
			  Dividers
			  ul
			    li
			  ol
			    li
			  dl
			    dt
			  blockquote
			     cite
		      Mobile
		03. Icons
		      @2x
		04. Elements
		      Buttons
			  Forms
			  Inputs
			  Mobile
        05. Main Nav
              Mobile
		06. Footer
		      Mobile
		07. Pagination
		      Mobile
	    08. Social Sharing
			Mobile
		09. Helpers
		    Badge
			Stat
			Label
			Mobile
			
  II.   Building Blocks ----------------------------
  		01. Featured Set

  III.  Types --------------------------------------
        01. displayPageHome
		    Mobile
		02. displayPageStandard
		    Mobile
		03. displayTeaserStandard
		    Mobile

  IV.   Content Objects ---------------------------
        01. [name of object]
		    Mobile
		 		
*/

html { }
body { color:#222222; font-family: futura-pt, sans-serif; font-weight:400; }
a.skip-main { left: -99999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -99999; }
a.skip-main:focus, 
a.skip-main:active, 
ada-hidden:focus, 
ada-hidden:active { color: #fff; background-color: #000; left: auto; top: auto; width: 30%; height: auto; overflow: auto; margin: 10px 35%; padding: 5px; border-radius: 15px; border: 4px solid yellow; text-align: center; font-size: 1.2em; z-index: 99999; }


/* ------------------------------------------------------------ *\
	Typography
\* ------------------------------------------------------------ */

h1,h2,h3,h4,h5,h6 { font-family: futura-pt, sans-serif; font-weight:400; color:#4b6f37; }
h1 > .icon,
h2 > .icon,
h3 > .icon,
h4 > .icon,
h5 > .icon,
h6 > .icon { display:block; font-size:80%; padding-top:1rem; }

/* Paragraph */
p { }

/* Headers */


hr { }

ul { }
ul li { }

ul.sidebyside { margin:1.5em auto 1em auto; padding:0; display:flex; flex-wrap:wrap; }
ul.sidebyside > li { display:inline-block; max-width:50%; width:100%; padding:1em; text-align:center; }
ul.sidebyside.text-left > li { text-align:left; }
ul.sidebyside > li h5 small { color:#808080; }
ul.sidebyside > li i { font-size:3em; }
ul.sidebyside + * { padding-top:2em; }
ul.sidebyside.three > li { max-width:33%; }
ul.sidebyside.four > li { max-width:25%; }
ul.sidebyside.five > li { max-width:20%; }

ol { }
ol li { }

dl { }
dl dt { }

blockquote { }
blockquote cite { }

strong { font-weight:700; }
em { font-style:italic; }

/* Tablet */
@media screen and (max-width: 64em) {
	ul.sidebyside > li i { float: left; margin-right: 0.5em; text-align: right; height: 1.5em; }
	ul.sidebyside.three > li,
	ul.sidebyside.four > li,
	ul.sidebyside.five > li { max-width:50%; text-align:left; padding:1em 1em 1em 0; }
}

/* Mobile */
@media only screen and (max-width: 40em) {	
	ul.sidebyside > li,
	ul.sidebyside.three > li,
	ul.sidebyside.four > li,
	ul.sidebyside.five > li { max-width:100%; text-align:left; padding:0.5em 0; }
}


/* ------------------------------------------------------------ *\
Icons
\* ------------------------------------------------------------ */

/* @2x */





/* ------------------------------------------------------------ *\
Pallette
\* ------------------------------------------------------------ */

.green { color:#4b6f37; }
div.green,
section.green { background-color:#4b6f37; color:#ffffff; }

.lightGreen { color:#a5c224; }
div.lightGreen,
section.lightGreen { background-color:#a5c224; color:inherit; }

.white { color:#ffffff; }



/* ------------------------------------------------------------ *\
Elements
\* ------------------------------------------------------------ */

.button { text-transform: uppercase; font-weight: 700; background: transparent; outline:solid 2px !important; outline-color: #4b6f37; color: #4b6f37; transition: all 0.25s ease; border: none !important; }
.button:hover { background: #4b6f37; color: #ffffff; outline-color: #4b6f37 !important; }
.green .button { outline-color: #ffffff; color:#ffffff; }
.green .button:hover { background: #ffffff; color: #4b6f37; }
.button.lime { background: #a5c224; color: #222222; font-weight: 700; outline: none !important; border: none !important; }
.button.lime:hover { background: #222222 !important; color:#a5c224 !important; }
input[type='text'] { }
input[type='checkbox'] { }
input[type='date'] { }
input[type='datetime'] { }
input[type='datetime-local'] { }
input[type='email'] { }
input[type='file'] { }z
input[type='month'] { }
input[type='number'] { }
input[type='password'] { }
input[type='radio'] { }
input[type='search'] { }
input[type='tel'] { }
input[type='time'] { }
input[type='url'] { }
input[type='week'] { }
textarea { }
select { }

/* Mobile */
@media only screen and (max-width: 40em) { }



/* ------------------------------------------------------------ *\
Main Nav
\* ------------------------------------------------------------ */
.main-nav { background: #ffffff; z-index: 2; position: relative; padding: 0; width: 100%; }
.main-nav:before,.main-nav:after { content: ' '; display: table; }
.main-nav > .menu { font-size: 90%; table-layout: auto; margin-top: 1rem; }
.main-nav,.main-nav ul, .title-bar { background:#ffffff; }
.main-nav ul:first-child { float: left; }
.main-nav ul:last-child { float: right; }
.main-nav .menu a { color: #222222; background: #ffffff; padding: 0 1rem; text-transform:uppercase; }
.main-nav .menu:last-child { border-left: none; }
.main-nav .menu li.title { min-width: 120px; max-width: 120px; }
.main-nav .menu li.title img { max-height:58px; margin-bottom: 1rem; }
.main-nav .menu li:not(:last-child) { border-right: none; }
.main-nav .menu a:hover:not(.button),
.main-nav .menu a:focus { background: #ffffff; }
.main-nav .menu a[href="/donate"] { background: #a5c224 !important; padding: 0.5rem 1rem; margin-right: 1rem; font-weight: 700; }

/* Dropdowns */
.title-bar .dropdown.menu a,.main-nav .dropdown.menu a { background: #ffffff; }
.main-nav .dropdown.menu > li.is-dropdown-submenu-parent > a { padding-right: 2em !important; }
.main-nav .dropdown.menu > li.is-dropdown-submenu-parent > a:after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: #cccccc transparent transparent; border-top-style: solid; border-bottom-width: 0; right: 12px; margin-top: -2px; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:after { border-color:transparent transparent transparent #cccccc; }
.main-nav .dropdown.menu .submenu { border: 0; }
.main-nav .dropdown.menu .submenu li a { padding:1rem; }

/* Pips for drilldowns */
.main-nav .is-drilldown-submenu-parent > a:after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #e6e6e6; border-left-style: solid; border-right-width: 0; right: 12px; margin-top: -2px; }
.main-nav .js-drilldown-back > a::before { content: ''; width: 0; height: 0; border: inset 6px; border-color: transparent #e6e6e6 transparent transparent; border-right-style: solid; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; }
.stickynav { z-index: 1000; }
#subNav { width: 100%; padding: 1em 0 0 0; text-align: center; background: #efefef; border-top: solid 1px #fff; }

/* header bar */
.headerbar { background: #626262; color:#ffffff; padding: 0.5rem 1rem 0.75rem 1rem; text-align:right; font-size:80%; }
.headerbar > div { display:inline-block; padding:0 1rem; vertical-align: middle; }
.headerbar a { text-decoration:underline; padding:0 0.5rem; color:#ffffff; text-transform:uppercase; }
.headerbar > .sitesearch { max-width:280px; }
.headerbar > .sitesearch div,
.headerbar > .sitesearch form,
.headerbar > .sitesearch table,
.headerbar > .sitesearch table tbody { background-color:transparent; margin:0; padding:0; border:none; }
.headerbar > .sitesearch table td { vertical-align:bottom; }
.headerbar > .sitesearch form input[type="text"] { padding:4px !important; height:auto !important; }
.headerbar > .sitesearch .gsc-results-wrapper-overlay { background-color: white; padding: 4em; height: calc(100vh - 2em); width: calc(100vw - 2em); left: 1em; top: 1em; }
.headerbar .socialicons { margin-top: 0.25rem; }
.headerbar .socialicons a { padding: 0; }
.headerbar i { font-size: 1.5em; margin-right: 0.25em; }
.headerbar .barleft { text-align:right; }
.headerbar .barcenter { text-align: right; }
.headerbar .barright { text-align: right; }

/* hover large only */
@media only screen and (min-width: 64em) {
	.main-nav .dropdown.menu .submenu li a:hover { background:#efefef; }
}

/* Tablet */
@media only screen and (max-width: 64em) {
	.main-nav > .menu { table-layout: fixed; }
	.headerbar > .sitesearch div { margin:0.5rem auto 0 auto; }
	.main-nav .dropdown.menu > li.is-dropdown-submenu-parent > a { padding: 1rem 0 !important; }
	.main-nav .dropdown.menu > li.is-dropdown-submenu-parent > a:after,
	.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:after { content: normal; }
	
	.main-nav .is-drilldown-submenu-parent > a:after { border-color: transparent transparent transparent #cccccc; right: 1.5em; }
	.main-nav .js-drilldown-back > a::before { border-color: transparent #cccccc transparent transparent;  }
}

/* Mobile */
@media only screen and (max-width: 40em) {
	.sticky-container { max-height: 131px !important; }
	.title-bar { padding: 1rem; }
	.main-nav { background:#ffffff; height: calc(100vh - 131px); padding-bottom: 8em; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
	.main-nav ul { background:#ffffff; }
	.title-bar { background:#626262; }
	.main-nav ul { float: none; width: 100%; max-width: 100%; }
	.main-nav .menu a { padding:1.5rem 1rem !important; text-align:left; margin-right: 0 !important; border-bottom: solid 1px #cccccc; }
	.headerbar { padding: 0.5em; text-align: center; background:#ffffff; }

	.socialicons.show-for-small-only { font-size:2em; text-align: center; padding: 1em 0; }
	.socialicons.show-for-small-only a { padding: 0em 0.5em; color: #777777; }
 }
 
 
/* ------------------------------------------------------------ *\
Footer
\* ------------------------------------------------------------ */
footer { background: #626262; padding: 1em 0 0 0; }
footer a:not(.button) { text-decoration: underline; }
footer a:not(.button):hover { text-decoration: none; color: inherit; }
footer .medium-up-9 > .column { max-width: 11%; float: left; }
footer .medium-up-11 > .column { max-width: 9%; float: left; }
footer .footerCopyRight { background-color: #a5c224; color: #ffffff; padding: 1rem; margin: 2em 0 0 0; }
footer .footerCopyRight p { margin: 0; line-height: 0; }

/* Mobile */
@media only screen and (max-width: 40em) { 
	footer .medium-up-9 > .column { max-width: 20%; }
	footer .medium-up-9 > .column:nth-child(5) { clear: left; }
	footer .medium-up-11 > .column { max-width: 16%; }
	footer .medium-up-11 > .column:nth-child(6) { clear: left; }
	footer .footerCopyRight p { margin: 0; line-height: 1; }
}


/* ------------------------------------------------------------ *\
Pagination
\* ------------------------------------------------------------ */
.pagination-previous a:before,.pagination-previous.disabled:before { content: normal; }
.pagination-previous a:after,.pagination-previous.disabled:after { content: ' PREV'; }
.pagination-next a:before,.pagination-next.disabled:before { content: 'NEXT '; }
.pagination-next a:after,.pagination-next.disabled:after { content: normal; }
.pagination a,.pagination-previous.disabled,.pagination-next.disabled { outline: solid 1px #ccc; padding: 0.5em 1em; }
.pagination .current { padding: 0.5em 1em; }

/* Mobile */
@media only screen and (max-width: 40em) { 
	.pagination { margin: 1em 0; }
	.pagination form { width: auto; display: inline-block; }
	.pagination select { width: auto; }
	.pagination-previous { float: left; }
	.pagination-next { float: right; }
	.pagination-previous a:after,.pagination-previous.disabled:after { content: normal; }
	.pagination-next a:before,.pagination-next.disabled:before { content: normal; }
	.pagination li.show-for-small-only { display: inline-block !important; }
 }


 
 
/* ------------------------------------------------------------ *\
Helpers
\* ------------------------------------------------------------ */
.stat { }
span.badge { }
span.badge.secondary { }
span.badge.success { }
span.badge.alert { }
span.badge.warning { }
label.badge { }
label.badge.secondary { }
label.badge.success { }
label.badge.alert { }
label.badge.warning { }

.responsive-embed,
.flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden;  }
.responsive-embed.widescreen,
.flex-video.widescreen { padding-bottom:56.25%; }
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }

img.right,
img.left { width:100%; max-width:30rem; }
img.right { float:right; margin:1rem 0 1rem 1rem; }
img.left { float:left; margin:1rem 1rem 1rem 0; }

/* Tablet */
@media only screen and (max-width: 64em) {
	img.right,
	img.left { width:100%; max-width:20rem; }
}

/* Mobile */
@media only screen and (max-width: 40em) {
	img.right,
	img.left { float:none; margin:1rem 0; max-width:none; width:100%; }
}


/* ------------------------------------------------------------ *\
Sections
\* ------------------------------------------------------------ */
section { margin: 0.5em auto 1em auto; padding: 1.5em 1em 0 1em; }
section.intro ~ section:nth-child(odd),
section.featureSet ~ section:nth-child(odd),
section.lightGrey { background: #efefef; padding: 1.5em 1em 1.5em 1em; margin: 0 auto; border-top:solid 1px #DADADA; border-bottom:solid 1px #dadada; }
section .title + .intro { margin-bottom:1.5rem; }
section .intro p:only-child { font-size:125%; text-align:center; }
section .sectionButton { margin:2em auto 0 auto; }

section.featureSet { overflow:hidden; }
section.featureSet:after { content: ''; clear: left; }
section.featureSet > .title { margin-top: 2em; }
section.featureSet .tileCarousel { margin:0 auto 2em auto !important; }
section.featureSet .tileCarousel.active + .dots { display:none; }
section.featureSet .tileCarousel .container { padding:0; }
section.featureSet .tileCarousel .container > .row { max-width:none; }

section.waysToGive { padding-bottom:2rem; }
section.waysToGive .intro { margin:2rem auto 0 auto; }
section.waysToGive .accordion { max-width:62rem; margin:auto; }
section.waysToGive .accordion li > a { padding: 1.5rem 1rem; border-top: solid 1px #ccc; background: #efefef; color: #222222; font-size: 115%; line-height:1.7; }
section.waysToGive .accordion li > a:after { border-color: #222222 transparent transparent; }
section.waysToGive .accordion .content { margin-top:1rem; }

section.faq { padding-bottom:2rem; }
section.faq .intro { margin:2rem auto 0 auto; }
section.faq .accordion { max-width:62rem; margin:auto; }
section.faq .accordion li > a { padding: 1.5rem 1rem; border-top: solid 1px #ccc; background: #efefef; color: #222222; font-size: 115%; line-height:1.7; }
section.faq .accordion li > a:after { border-color: #222222 transparent transparent; }
section.faq .accordion .content { margin-top:1rem; }

/* Mobile */
@media only screen and (max-width:40em) {
	section.featureSet { margin:0; padding:0; }
	section.waysToGive .accordion li > a { font-size: 100%; line-height:1.5; padding:1rem 2rem 1rem 1rem; }
	section.faq .accordion li > a { font-size: 100%; line-height:1.5; padding:1rem 2rem 1rem 1rem; }
}


/* ------------------------------------------------------------ *\
Forms
\* ------------------------------------------------------------ */
section.form { padding:2.5em 1em 1.5em 1em; }
section.form .container { position:relative; max-width:60rem; margin:auto; }
section.form form legend { font-size:1.25em; }
section.form .container .response { display:none; position:absolute; top:-1em; right:0; bottom:0; left:0; background:#efefef; border:solid 1px #cccccc; }
section.form .container .response p { text-align:center; position:relative; top:50%; transform:translateY(-50%); }
section.form fieldset + fieldset { margin-top:2em; }




/* ------------------------------------------------------------ *\
Natural Language Forms
\* ------------------------------------------------------------ */
.naturalLanguage h4 { line-height: 1.8; margin-bottom: 1em; color:#222222; }
.naturalLanguage .container { margin-top:1.5rem !important; }

.naturalLanguage form input[type="radio"] { left: -99999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -99999; }
.naturalLanguage form .labelHolder { display: inline-block; position: relative; vertical-align: top; }
.naturalLanguage form .labelHolder label { position: absolute; top: 0; right: 0; left: 0; bottom: 0; line-height: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; width: auto; color: #4b6f37; text-align:left; }
.naturalLanguage form .labelHolder input { width: auto; padding: 0; font-size: inherit; font-family: inherit; font-weight: inherit; height: auto; border: none; background: transparent; box-shadow: none; color: #4b6f37; line-height: inherit; margin: 0; border-bottom: solid 2px #4b6f37; text-align:left; }
.naturalLanguage form .labelHolder input:focus + label,
.naturalLanguage form .labelHolder input:active + label,
.naturalLanguage form .labelHolder input:valid + label { opacity:0; }

.naturalLanguage form select { cursor: pointer; display: inline-block; width: auto; background-color:transparent; color: #4b6f37; border: none; border-bottom: solid 2px #4b6f37; font-size: inherit; height: auto; margin: auto; padding: 0; line-height: inherit; outline: none; transition: none; box-shadow: none; text-align:left; }
.naturalLanguage form select + span { border-style: solid; border-width: 2px 2px 0 0; border-color: #4b6f37; display: inline-block; height: 0.4em; vertical-align: middle; width: 0.4em; margin: -0.15em 0.25em 0 0.25em; transform: rotate(135deg); }

#width_tmp_select { left: -99999px; position: absolute; top: auto; z-index: -99999; }

/* Mobile */
@media only screen and (max-width: 40em) { }





/* ------------------------------------------------------------ *\
Building Blocks
\* ------------------------------------------------------------ */

/* cmBlockGrid */
.blockGrid { display:flex; flex-direction:row; margin-bottom: 3em; flex-wrap:wrap; justify-content:center; }

/* Mobile */
@media only screen and (max-width:40em){ 
	.blockGrid { display: flex; flex-wrap:nowrap; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; width: 100%; margin-bottom: 2.5em; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; padding-bottom: 2.5em; justify-content:normal; }
	.blockGrid .teaser { display: inline-flex; position: relative; vertical-align: middle; float: none !important; width: 90%; clear: none !important; flex: 1 0 auto; }
	.blockGrid .teaser .wrapper h5,
	.blockGrid .teaser .wrapper p,
	.blockGrid .teaser a .text h5,
	.blockGrid .teaser a .text p { white-space:pre-line; }
}
 
/* cmCarouselTile */
.tileCarousel { margin: 1em auto 2em auto; background: inherit; padding: 0.5em 0.9em 0 0.9em; }
.tileCarousel:not(.active) .container a { pointer-events:all !important; }
.tileCarousel .container > .row .column { padding:0 1.5em; }
.tileCarousel.active { overflow: hidden; position: relative; }
.tileCarousel.active .container { width: 100%; margin-left: 0; transition: margin-left 0.25s ease-in-out; background: inherit; }
.tileCarousel .container > .row { display:flex; max-width: none !important; background: inherit; }
.tileCarousel.active .container > .row .column { clear: none !important; display:flex; flex-direction:column; }
.tileCarousel.active .container > .row .column:nth-last-child(5) ~ .column:nth-child(4),
.tileCarousel.active .container > .row .column:nth-last-child(5) ~ .column:nth-child(5) { flex:1; }
.tileCarousel.active .arrow { display:none; font-size: 2.5em; position: absolute; top: 0; color: #2c3840; cursor: pointer; background: inherit; height: 100%; width: 2.5rem; text-align: center; z-index: 4; }
.tileCarousel.active .arrow.inactive { color: #ccc; cursor: default; }
.tileCarousel.active .arrow.left { float: left; left:0; }
.tileCarousel.active .arrow.right { float: right; right:0; }
.tileCarousel.active .arrow i { position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.tileCarousel.active.arrows .arrow { display:block; }

.tileCarousel.active.expanded { padding:0; margin: 1em 0 2em 0; }
.tileCarousel.active.expanded .container { padding:0; }
.tileCarousel.active.expanded .container > .row .column { padding:0; }

.tileCarousel + .dots { width: 100%; text-align: center; margin:0 auto 0.5em auto; display:none; }
.tileCarousel + .dots ul { position: relative; display: inline-block; margin: 0; padding: 0; list-style: none; cursor: default; }
.tileCarousel + .dots ul li { position: relative; display: block; float: left; margin: 0 2px; width: 16px; height: 16px; background-color: #cccccc; border-radius: 1000px; border:solid 2px #cccccc; cursor:pointer; }
.tileCarousel + .dots ul li.active { background-color: #ffffff; }
.tileCarousel.active.dots + .dots { display:block; }

.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser a,
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .wrapper { flex-direction:row; pointer-events:none; max-width:80%; margin:auto; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser a.button { display:inline-block; pointer-events:all; margin-top:0.5em; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .image { padding:0 2em 0 0; width:100%; max-width:55%; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .image:after { content:normal; } 
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text { width:100%; max-width:45%; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text .icon { position:relative; margin:auto 0 0 0; padding:0; font-size:1em; top:0; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text h5 { margin:0.5em 0 0.5em 0; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text object { margin:0 0 auto 0; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser a:hover .image:before { opacity:0; }
.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser a:hover .image:after { opacity:0; }

/* Tablet */
@media screen and (max-width: 64em) {
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .wrapper { max-width:90%; }
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text .icon { display:none; }
}

/* Mobile */
@media only screen and (max-width: 40em) {
	
	.tileCarousel.active { padding: 0.5em 1.5em 3em 1.5em; margin:0 -2em; }
	.tileCarousel.active .arrow { display: none; }
	.tileCarousel .teaser { border:none !important; }
	.tileCarousel .teaser .wrapper { background-color:#ffffff; outline:solid 1px #cccccc; padding:1em; }
	.tileCarousel .teaser .wrapper .image { background-color:#efefef; }
	
	.tileCarousel .container > .row .column { padding:0 1.5em; }
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text .icon { display:block; }
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .image { padding-right:0; width:100%; }
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser a,
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .wrapper { flex-direction:column; max-width:100%; }
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .image { padding-right:0; width:100%; max-width:100%; }
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text { padding:1.5em 0 0 0; width:100% !important; max-width:100%; }
	.tileCarousel .container > .row.medium-up-1.large-up-1 .teaser .text p { margin:1em auto; }
	
	.related .tileCarousel.active { padding: 0.5em 2em 1em 0em; margin: 1em 0em 0em -1em; }
	.related .tileCarousel .container > .row .column { padding:0 1em; }
}
 
/* cmTabBlocks */
.cmTabBlocks { margin-bottom: 2em; }
.cmTabBlocks .tabs { border: none; background: none; }
.cmTabBlocks .tabs-title > a { border-top: 1px solid #d3d4ce; border-right: 1px solid #d3d4ce; border-left: 1px solid #d3d4ce; border-bottom: 1px solid #d3d4ce; background: #E8F2F4; padding: 0.85em 1em; font-family: "freight-sans-pro",sans-serif; color: #222222; text-transform: uppercase; font-size: 1em; font-weight: 600; }
.cmTabBlocks .tabs-title.is-active > a { background: #fff; border-bottom: 1px solid #fff; position: relative; }
.cmTabBlocks .tabs-title > a:hover { background: #DDE9ED; }
.cmTabBlocks .tabs-title.is-active > a:after { content: ""; border-bottom: 2px solid #A82B7C; width: calc(100% - 1.7em); height: 1px; position: absolute; left: 0.85em; bottom: 0.5em; }
.cmTabBlocks .tabs-title.is-active > a:hover { background: #ffffff; }
.cmTabBlocks .tabs-content { border-top: 1px solid #d3d4ce; border-bottom: 1px solid #d3d4ce; border-right: 1px solid #d3d4ce; border-left: 1px solid #d3d4ce; margin-top: -1px; padding: 1em; }
.cmTabBlocks .tabs-content .title { margin-bottom: 2em; }

/* Mobile */
@media only screen and (max-width: 40em) { 
	.cmTabBlocks { padding: 0; margin-left: -0.9375rem; width: calc(100% + 1.875rem); }
	.cmTabBlocks > .column { padding-left: 0; padding-right: 0; }
	.cmTabBlocks a.accordion-title { height: 90px; color: #222222; font-size: 1.2em; padding: 0.5rem 1rem; background-color: #EFEEEC; border: none; border-top: solid 1px #ffffff; border-bottom-color: #ffffff !important; }
	.cmTabBlocks a.accordion-title[aria-selected="true"] { background-color: #DADAD7; }
	.cmTabBlocks a.accordion-title > .icon { float: left; overflow: hidden; }
	.cmTabBlocks a.accordion-title > .text { position: relative; top: 50%; transform: translateY(-50%); }
	.cmTabBlocks .accordion-content { text-align: center; border: none; }
	.cmTabBlocks .accordion-content .title { margin-bottom: 2em; }
	.cmTabBlocks .accordion-content .row + .row { margin-right: auto; margin-left: auto; }
	.cmTabBlocks .accordion-content .teaser { padding-right: 0; padding-left: 0; margin-bottom: 1.5em; }
	.cmTabBlocks .accordion-content .teaser > a { display: block; width: 100%; height: 100%; text-align: left; overflow: hidden; padding-bottom: 1px; }
	.cmTabBlocks .accordion-content .teaser > a > p.image { display: inline-block; max-width: 40%; margin: 0 0 0 -15%; vertical-align: middle; }
	.cmTabBlocks .accordion-content .teaser > a > .label { margin: 0 0.5em; transform: none; }
	.cmTabBlocks .accordion-content .teaser > a > p.lead { display: inline-block; max-width: calc(75% - 1em); margin: 22px 0 0 0.5em; vertical-align: top; white-space: pre-line; }
 }
 
/* cmFeaturedSet */
.featuredCarousel { position: relative; max-width: 85rem; padding-right: 5px; padding-left: 5px; }
.featuredCarousel.expanded { max-width: 1500px; padding-right: 1px; padding-left: 1px; padding-top: 1px; }
.featuredCarousel > .column { float: left; padding:0; max-height:60vh; }
.featuredCarousel > .column h5 { color:#ffffff; }
.featuredCarousel > .column p { margin-bottom: 0.5em; color:#ffffff; }
.featuredCarousel > .column .txtContainer { width: 100%; position: relative; overflow: hidden; outline:solid 1em #ffffff; }
.featuredCarousel > .column .txtContainer .text { width:100%; padding:1em 2em 0.5em 1em; }
.featuredCarousel > .column .image { }
 
/* one item */
.featuredCarousel > .column:first-child:nth-last-child(1) { width: 100%; max-height: none; }

/* two items */
.featuredCarousel > .column:first-child:nth-last-child(2),
.featuredCarousel > .column:first-child:nth-last-child(2) ~ .column { width: 50%; float:left; clear:none; }
.featuredCarousel > .column:first-child:nth-last-child(2) .txtContainer,

/* three items */
.featuredCarousel > .column:first-child:nth-last-child(3) { width: 100%; }
.featuredCarousel > .column:first-child:nth-last-child(3) .txtContainer { padding:0;  }
.featuredCarousel > .column:first-child:nth-last-child(3) .txtContainer .text { position: absolute; bottom:0; right:0; width:100%; max-width: 40%; padding:2em; }
.featuredCarousel > .column:first-child:nth-last-child(3) ~ .column { width: 50%; }
.featuredCarousel > .column:first-child:nth-last-child(3) ~ .column .txtContainer .text p { display:none; }

/* four items */
.featuredCarousel > .column:first-child:nth-last-child(4) { width: 100%; }
.featuredCarousel > .column:first-child:nth-last-child(4) .txtContainer { padding:0;  }
.featuredCarousel > .column:first-child:nth-last-child(4) .txtContainer .text { position: absolute; bottom:0; right:0; width:100%; max-width: 40%; padding:2em; }
.featuredCarousel > .column:first-child:nth-last-child(4) ~ .column { width: 33.33333%; }
.featuredCarousel > .column:first-child:nth-last-child(4) ~ .column .txtContainer .text p { display:none; }

/* five items */
.featuredCarousel > .column:first-child:nth-last-child(5) { width: 100%; }
.featuredCarousel > .column:first-child:nth-last-child(5) .txtContainer { padding:0; }
.featuredCarousel > .column:first-child:nth-last-child(5) .txtContainer .text { position: absolute; bottom:0; right:0; width:100%; max-width: 40%; padding:2em; }
.featuredCarousel > .column:first-child:nth-last-child(5) ~ .column { width: 25%; }
.featuredCarousel > .column:first-child:nth-last-child(5) ~ .column .txtContainer .text p { display:none; }

.featuredCarousel + .mobileDots { width: 100%; text-align: center; }
.featuredCarousel + .mobileDots ul { position: relative; display: inline-block; margin: 0; padding: 0; list-style: none; cursor: default; }
.featuredCarousel + .mobileDots ul li { position: relative; display: block; float: left; margin: 0 2px; width: 6px; height: 6px; background-color: rgba(0,0,0,0.5); border-radius: 1000px; }
.featuredCarousel + .mobileDots ul li.active { background-color: rgba(0,0,0,1); }

 
/* Mobile switches to carousel */
@media screen and (max-width: 63.9375em) {
	.featuredCarousel,
	.featuredCarousel.expanded { padding: 0; width: 100%; max-width: none; transition: margin-left 0.25s ease-in-out; margin-left: 0; }
	.featuredCarousel > .column { clear: none !important; padding: 0 !important; float:left; }
	.featuredCarousel > .column:first-child:nth-last-child(1) { width: 100% !important; }
	.featuredCarousel > .column:first-child:nth-last-child(2),
	.featuredCarousel > .column:first-child:nth-last-child(2) ~ .column { width: 50% !important; }
	.featuredCarousel > .column:first-child:nth-last-child(3),
	.featuredCarousel > .column:first-child:nth-last-child(3) ~ .column { width: 33.33333% !important; }
	.featuredCarousel > .column:first-child:nth-last-child(4),
	.featuredCarousel > .column:first-child:nth-last-child(4) ~ .column { width: 25% !important; }
	.featuredCarousel > .column:first-child:nth-last-child(5),
	.featuredCarousel > .column:first-child:nth-last-child(5) ~ .column { width: 20% !important; }
	
	.featuredCarousel > .column .txtContainer { height:auto !important; outline:none !important; }
	.featuredCarousel > .column .txtContainer .text { position:relative !important; padding:1em !important; text-align: center; width:100% !important; max-width: 100% !important; height:auto !important; bottom:0 !important; top:auto !important; transform:none !important; }
	.featuredCarousel > .column .txtContainer .text p.text-right { display:none; }
	.featuredCarousel > .column .txtContainer .text h5 { font-size:150% !important; }
	.featuredCarousel > .column .txtContainer .text .leader { padding:0 !important; }
	
	.featuredCarousel + .mobileDots { display:block !important; }
}
 
 
 
 /* ------------------------------------------------------------ *\
insertContent
\* ------------------------------------------------------------ */
.insertContent h5, .insertContent h6, .insertContent p { padding:0; margin:0; }

.insertContent.image { max-width:60rem; margin:0 auto 1.5em auto; padding: 0 2.5em; }
.insertContent.image .creditCaption { margin:0 auto 0.5em 0; }
.insertContent.image .creditCaption { border-left: solid 2px #ccc; margin: 0.5em 0 0 0; padding: 0.25em 0 0 0.5em; color: #808080; }
.insertContent.image .creditCaption h6,
.insertContent.image .creditCaption p { padding:0; margin:0; font-size:75%; }
.insertContent.image.leftAlign { max-width:50%; float:left; padding:0 2.5em 0 0; }
.insertContent.image.rightAlign { max-width:50%; float:right; margin:0 auto 0.5em 0; padding:0 0 0 2.5em; }
.insertContent.image.rightAlign .creditCaption { border-left:none; border-right: solid 2px #ccc; margin: 0.5em 0 0 0; text-align: right; padding: 0.25em 0.5em 0 0; color: #808080; }

.insertContent.video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 56.25%; overflow: hidden; }
.insertContent.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.insertContent.promo .wrapper { max-width: 60rem; margin: 2em auto 0 auto; display: flex; padding: 3em 0; }
.insertContent.promo .wrapper .image { max-width:55%; }
.insertContent.promo .wrapper .text { padding: 0 0 0 2em; margin: auto 0; }
.insertContent.promo .wrapper .text p { margin:0 auto 1em 0; }
	
.insertContent.expanded { max-width:none; margin:0 auto; padding:0; }

/* tablet */
@media screen and (max-width: 63.9375em) {
	.insertContent.promo .wrapper { margin: 2em; }
}

 /* Mobile */
@media only screen and (max-width: 40em) { 
	.insertContent.promo .wrapper { flex-direction: column; padding:1em 1em 0 1em; }
	.insertContent.promo .wrapper .image { max-width:none; }
	.insertContent.promo .wrapper .text { padding: 1em 1em 0 1em; margin: auto 0; }
	
	.insertContent.promo .wrapper { margin: auto; }
}
 
 
 
/* ------------------------------------------------------------ *\
drag me
\* ------------------------------------------------------------ */
.active [data-drag-me] { position:relative; cursor:move; cursor:-moz-grab; cursor:-webkit-grab; cursor:grab; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; }
.active [data-drag-me]:active { cursor:-moz-grabbing; cursor:-webkit-grabbing; cursor:grabbing; transition:none !important; }
.active [data-drag-me] img { -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; user-drag: none; user-select: none; }
 
 /* Mobile */
@media only screen and (max-width: 40em) { 
	
}
 
 
/* ------------------------------------------------------------ *\
displayPageHome
\* ------------------------------------------------------------ */

/* Mobile */
@media only screen and (max-width: 40em) { }



/* ------------------------------------------------------------ *\
displayPageStandard
\* ------------------------------------------------------------ */

.banner { position: relative; margin: 0; padding: 0; background-repeat: no-repeat; }
.banner:before { content: ''; background: linear-gradient(-80deg,rgba(75, 111, 55, 1) 50%, rgba(75, 111, 55, 0.8) 90%, rgba(75, 111, 55, 0) 90%); position: absolute; top: 0; right: 0; bottom: 0; width: 60%; }
.banner .title { transform: translateZ(0); min-height: 400px; display: flex; padding: 2rem 2.5rem 2.5rem 2rem; flex-direction: column; }
.banner .title h1 { color: #ffffff; text-align: right; margin: auto 0 0 auto; max-width: 50%; }
.banner .title p.lead { color: #ffffff; text-align: right; margin: 0 0 auto auto; max-width: 50%; }

.no-image-banner { background-color: #4b6f37; text-align: center; padding: 2rem; color: #ffffff; }
.no-image-banner h1 { color:#ffffff; }

/* Mobile */
@media only screen and (max-width: 40em) { 
	.banner:before { content:normal; }
	.banner .title { background-color: rgba(75, 111, 55, 1); padding: 1rem; min-height: auto; }
	.banner .title h1,
	.banner .title p.lead { text-align: left; max-width: none; margin:auto 0; }
}


/* ------------------------------------------------------------ *\
Teasers
\* ------------------------------------------------------------ */
.teaser { display:flex; margin: 0 auto 2rem auto; }
.teaser > a { position:relative; flex:1; background-color: #ffffff; outline: solid 1px #cccccc; border-top: solid 4px #4b6f37; box-shadow:0 0 5px 1px rgba(0,0,0,0.2); }
.teaser > a .text { padding: 0rem 1.2rem 2.2rem 1.2rem; color:#222222; }
.teaser > a > img,
.teaser .image { margin-bottom: 1rem; }
.teaser.feed { margin-bottom: 2em; }

.teaser.dmNews { display:flex; }
.teaser.dmNews a:after { content:'\276F  Read More'; position:absolute; bottom:0.8rem; right:1rem; color:#4b6f37; }
.teaser.dmNews a .text { padding: 1.2rem 1.2rem 2.2rem 1.2rem; }
.teaser.dmNews a .date { font-style:italic; font-size:85%; }

/* Mobile */
@media only screen and (max-width: 40em) {
	
}

/* ------------------------------------------------------------ *\
Google Header Search Form
\* ------------------------------------------------------------ */
.gsc-input-box, .gsc-input-box-hover { border-style: none !important; }
.gsc-control-cse, .gsc-control-cse { padding: 0px !important; }
table.gsc-search-box td table tr th, table tr td { padding: 0px !important; font-size: 0.875rem; color: #222222; text-align: left;}
table.gsc-search-box { border-style: none;border-width: 0; border-spacing: 0 0; width: 20%; margin-bottom: 2px;}

/* Mobile */
@media only screen and (max-width: 40em) {
	.gsc-control-cse, .gsc-control-cse { padding: 1em !important; }
	.gsc-results-wrapper-overlay { width:80% !important; left: 10% !important; top: calc(2em + 131px) !important; height: calc(80% - 131px) !important; }
}

/* ------------------------------------------------------------ *\
Internship Form
\* ------------------------------------------------------------ */
/*
#internshipForm input[aria-required="true"] {
	border:2px solid tomato;	
}
#internshipForm input[aria-required="true"] + label {
    color: tomato;
    font-weight: bold;
}
*/