/* Styles for content pages */

/************************************************************
Banners */

/*-----------------------------------------------------------
Shared styles */

#banner {
	position:relative;
	color:#fff;
}
#banner a {
	color:inherit;
}

/*-----------------------------------------------------------
Tiles (home page) */

#banner-tiles {
	position:relative;
	overflow:hidden;
	margin:0 0 0.5em;
	max-height:600px;
	background:#282828;
}
#banner-tiles figure {
	display:inline-block;
	position:absolute;
	max-height:600px;
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	left:0;
	top:0;
	visibility:hidden;
	opacity:0;

	-webkit-transition:all 0.7s ease 0s;
	transition:all 0.7s ease 0s;
}
#banner-tiles img {
	display:block;
	margin:-7% 0 -1%;
	width:100%;
}

#banner-tiles figure.sel {
	position:relative;
	visibility:visible;
	opacity:1;
	z-index:2;
}

/* Overlay */
#banner-tiles figcaption {
	position:absolute;
	text-align:center;
	top:50%;
	left:0;
	width:100%;
	padding:1% 2%;
	background:rgba(26,60,46,0.8);
	color:#fff;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#banner-tiles figcaption>a {
	display:block;
	max-width:800px;
	margin:0 auto;
	padding:0 5%;
}
#banner-tiles figcaption h2 {
	font:260%/1.3 Lobster,'Times New Roman',Times,sans-serif;
	margin:0.2em 0;
	text-transform:none;
}
#banner-tiles figcaption p {
	margin:0.4em 0;
}
#banner-tiles figcaption .arrow {
	text-transform:uppercase;
	font:500 140%/1.3 StoneSans,Arial,Helvetica,sans-serif;
	color:#e7a514;
}


/*-----------------------------------------------------------
Navigation */

#banner-nav a {
	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}

/* Arrows */
#banner-prev,
#banner-next {
	text-indent:-9999px;
	outline:none;
	height:2.5em;
	width:2.5em;
	margin:2.75em 0 0;
	border:2px solid #fff;
	position:absolute;
	z-index:10;
	top:50%;
	visibility:hidden;
	opacity:0;

	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
#banner-prev {
	border-top:none;
	border-right:none;
	left:3%;
}
#banner-next {
	border-left:none;
	border-bottom:none;
	right:3%;
}

#banner:hover #banner-prev,
#banner:hover #banner-next {
	visibility:visible;
	opacity:0.4;
}
#banner:hover #banner-prev:hover,
#banner:hover #banner-next:hover {
	opacity:1;
}


/* Bubbles */
#banner-nav ol {
	list-style:none;
	text-align:center;
	position:absolute;
	z-index:11;
	width:100%;
	bottom:4%;
	margin:0;
	padding:0;
}
#banner-nav li {
	display:inline;
	margin:0 0.2em;
}
#banner-nav li a {
	display:inline-block;
	text-align:left;
	text-indent:-9999px;
	outline:none;
	margin:0.1em;
	width:1.5em;
	height:1.5em;
	padding:0.6em;
	background:#1a3c2e;
	background-clip:content-box;
	border:3px solid #fff;
	border-radius:100%;
	box-shadow:inset 0 0 0 0.6em rgba(255,255,255,0);
}
#banner-nav li.sel a {
	background-color:#e7a514;
	box-shadow:inset 0 0 0 0.6em rgba(255,255,255,0.5);
}
#banner-nav li.sel.one a{
		display: none;
}

/*-----------------------------------------------------------
Page banners */

header#banner {
	max-height:250px;
	overflow:hidden;
	padding:0.4em 0;
}
header#banner img {
	display:block;
	width:100%;
}
header#banner h1 {
	position:absolute;
	bottom:7%;
	margin:0;
	left:8%;
	max-width:96%;
	padding:0.3em 2% 0.1em;
	background:rgba(40,40,40,0.75);
	color:#fff;
}


/************************************************************
Sub-page navigation */

#sub-nav {
	border-top:0.5em solid #fff;
	background:#5e605f;
}
#sub-nav ul {
	text-align:center;
	list-style:none;
	margin:0 auto;
	padding:0.7em 1em;
	max-width:980px;
	font:110%/1.2 StoneSans,Arial,Helvetica,sans-serif;
}
#sub-nav li {
	display:inline;
}
#sub-nav li a {
	display:inline-block;
	padding:0.3em 1em;
	color:#fff;
}
#sub-nav li.sel a {
	color:#e7a614;
}

/************************************************************
Splash page */

#splash-cols {
	margin:0 0 3em;
	padding:0 25% 0 0;
	overflow:hidden;
	position:relative;
}

/*-----------------------------------------------------------
Events */

#splash-cols #event-list {
	float:left;
	width:41%;
}

/* Header */
#splash-cols #event-list header {
	padding:1.2em 1em 0.7em;
	background:#00713c;
	font-weight:500;
	color:#fff;
}
#splash-cols #event-list header h3 {
	color:inherit;
	margin:0;
}

/* Upper nav area */
#splash-cols #event-list header+nav {
	padding:0.5em 1em;
	background:#1a3c2e;
	color:#fff;
}
#splash-cols #event-list header+nav h4 {
	font:500 130%/1.3 Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	margin:0;
}
#splash-cols #event-list header+nav a {
	padding:0 0.4em;
	color:#fff;
}

/* List area */
#splash-cols #event-list dl {
	text-align:left;
	background:#ededed;
	padding:0.6em 0;
	border-left:1em solid transparent;
	border-right:1em solid transparent;
}
#splash-cols #event-list dl p {
	margin:0.2em 0;
}
#splash-cols #event-list dl .arrow {
	font-weight:bold;
	color:#00713c;
}

/* Bottom nav area */
#splash-cols #event-list dl+nav {
	text-align:center;
	background:#ededed;
	margin:0.5em 0 0;
	padding:0.7em;
}
#splash-cols #event-list dl+nav a {
	font-weight:bold;
	color:#1a3c2e;
}


/* See also Events section (below) for shared styles */


/*-----------------------------------------------------------
Featured News */

#featured-news {
	position:relative;
	background:#e7a514;
	margin:0 0 0 1.5%;
	padding:0;
	color:#fff;
	float:left;
	width:57.5%;
	border-left:3.5em solid transparent;
	border-right:3.5em solid transparent;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Header */
#featured-news header {
	position:absolute;
	background:#c98f11;
	height:100%;
	width:3.5em;
	left:-3.5em;
	bottom:0;
}
#featured-news header h3 {
	position:absolute;
	white-space:nowrap;
	color:inherit;
	margin:0;
	right:0;
	top:50%;

	-webkit-transform:translateY(-50%) rotate(-90deg) translateY(200%);
	-ms-transform:translateY(-50%) rotate(-90deg) translateY(200%);
	transform:translateY(-50%) rotate(-90deg) translateY(200%);
}

/* Tiles */
#featured-news figure {
	position:absolute;
	text-align:left;
	padding:1em 1.2em;
	width:100%;
	margin:0;
	left:0;
	top:0;
	visibility:hidden;
	opacity:0;

	-moz-box-sizing:border-box;
	box-sizing:border-box;

	-webkit-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
#featured-news figure.sel {
	position:relative;
	visibility:visible;
	opacity:1;
}

/* Image */
#featured-news figure img {
	display:inline-block;
	vertical-align:top;
	width:48%;
	background:#fff;
	padding:0.3em;
	margin:0 0 1.5em;
	border-radius:0.2em;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Info */
#featured-news figure figcaption {
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 2.5%;
	width:48%;
}
#featured-news figure h4 {
	font:500 200%/1.2 StoneSans,Arial,Helvetica,sans-serif;
	text-transform:none;
	margin:0.2em 0;
}
#featured-news figure a {
	color:#00703c;
}
#featured-news figure p {
	margin:0 0 0.5em;
}
#featured-news figure p a {
	white-space:nowrap;
	text-transform:uppercase;
	font:500 120%/1.3 StoneSans,Arial,Helvetica,sans-serif;
}

/* Navigation */
#featured-news nav {
	position:absolute;
	border-left:0.4em solid #fff;
	height:100%;
	right:-3.5em;
	width:3.5em;
	top:0;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#featured-news nav ol { /* Bubbles */
	display:flex;
	list-style:none;
	text-align:center;
	height:100%;
	padding:0;
	margin:0;

	-webkit-justify-content:center;
	justify-content:center;

	-webkit-flex-direction:column;
	flex-direction:column;
}
#featured-news nav li {
	display:inline;
}
#featured-news nav li a {
	display:inline-block;
	text-align:left;
	text-indent:-9999px;
	outline:none;
	background:#c98f11;
	background-clip:content-box;
	border:3px solid #fff;
	padding:0.3em;
	margin:0.3em;
	height:10px;
	width:10px;
	border-radius:100%;
	box-shadow:inset 0 0 0 0.3em rgba(255,255,255,0);

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#featured-news nav li.sel a {
	background-color:#00703c;
	box-shadow:inset 0 0 0 0.3em rgba(255,255,255,0.5);
}


/*-----------------------------------------------------------
Bottom callout */

#splash-cols aside {
	float:left;
	width:57.5%;
	margin:1em 0 0 1.5%;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#splash-cols .callout figure{
	margin: 0;
}

/*-----------------------------------------------------------
Side photo */

#splash-cols>figure {
	position:absolute;
	height:100%;
	width:55%;
	margin:0;
	right:0;
	top:0;
}
#splash-cols figure img {
	display:block;
	height:100%;
	width:100%;
}



/************************************************************
Callout bar (pages) */

.callout-bar {
	display:table;
	border-spacing:0.7em;
	margin:1.5em 0;
	width:100%;
}

/* Main column: Quote / figure */
.callout-bar>blockquote,
.callout-bar>figure {
	display:table-cell;
	vertical-align:middle;
	width:75%;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Side column: Callout(s) */
.callout-bar>aside {
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;
}
.callout-bar>aside>a {
	display:block;
	height:auto;
}

/* Multiple callouts */
.callout-bar aside aside.callout {
	margin:0;
	white-space:normal;
	display:block;
	width:260px;
}
.callout-bar aside aside+aside.callout {
	margin-top:0.5em;
}

/* "Giving" box (w/ the photo and contact info) */
.callout-bar>figure {
	position:relative;
	padding:0 0 0 320px;
	margin:0;
}
.callout-bar>figure img {
	position:absolute;
	height:100%;
	width:310px;
	left:0;
	top:0;
}
.callout-bar>figure figcaption {
	background:#ededed;
	padding:0.2em 1em 1em;
}
.callout-bar>figure h3 {
	font-family:Lobster,'Times New Roman',Times,serif;
}
.callout-bar>figure h3~p {
	margin:0.2em 0;
}
.callout-bar>figure a {
	color:inherit;
}



/************************************************************
Testimonial bar/slider */

/*-----------------------------------------------------------
Layout / header */

#testimonial-bar {
	position:relative;
	padding:0.5em 0.5em 0;
	max-width:980px;
	margin:0 auto;
}
#testimonial-bar>header {
	position:absolute;
	height:100%;
	width:2em;
	left:4.5%;
	top:0;
}
#testimonial-bar>header h3 {
	text-align:center;
	position:absolute;
	z-index:2;
	margin:-5em 0 0;
	width:10em;
	top:50%;
	font-size:200%;
	color:#a8abaa;
	cursor:vertical-text;

	-webkit-transform:rotate(-90deg) translateX(-100%);
	-ms-transform:rotate(-90deg) translateX(-100%);
	transform:rotate(-90deg) translateX(-100%);

	-webkit-transform-origin:left top;
	-ms-transform-origin:left top;
	transform-origin:left top;
}

/*-----------------------------------------------------------
Slider tiles */

#testim-slider {
	position:relative;
}

/* Tiles */
#testim-slider figure {
	position:absolute;
	padding:2.5em 0 3.5em;
	margin:0 8%;
	width:84%;
	left:0;
	top:0;
	overflow:hidden;
	visibility:hidden;
	opacity:0;

	-webkit-transition:all 0.7s ease 0s;
	transition:all 0.7s ease 0s;
}
#testim-slider figure.sel {
	position:relative;
	visibility:visible;
	opacity:1;
}

/* Image */
#testim-slider figure img {
	position:absolute;
	max-width:14em;
	bottom:0;
	left:0;
}

/* Testimonial */
#testim-slider figcaption {
	margin:0;
	min-height:11.5em;
	padding:0 0 0 1%;
}
#testim-slider img+figcaption {
	margin-left: 14em;
}

#testim-slider blockquote {
	margin:0;
	font:italic normal 130%/1.3 Slimbach,'Times New Roman',Times,serif;
}
#testim-slider blockquote p {
	margin:0.4em 0 0.2em;
}
#testim-slider blockquote p:before {
	content:'\201C';
}
#testim-slider blockquote p:last-child:after {
	content:'\201D';
}
#testim-slider cite {
	display:block;
	font:italic normal 100%/1.3 Slimbach,'Times New Roman',Times,serif;
	color:#00703c;
}

/*-----------------------------------------------------------
Slider navigation */

#testim-slider nav a {
	display:block;
	font-size:150%;
	text-indent:-9999px;
	outline:none;
	height:0;
	width:0;
}
#testim-slider nav a:before {
	content:' ';
	position:absolute;
	margin:-1em 0 0;
	top:50%;
	border-top:1em solid transparent;
	border-bottom:1em solid transparent;
}
#testim-slider #testim-prev:before {
	border-right:0.9em solid #00703c;
	left:0;
}
#testim-slider #testim-next:before {
	border-left:0.9em solid #00703c;
	right:0;
}

/************************************************************
Content pages */

/*-----------------------------------------------------------
Section navigation */


/*-----------------------------------------------------------
Breadcrumb */

#breadcrumb ul {
	list-style:none;
	font:italic 500 90%/1.3 StoneSans,Arial,Helvetica,sans-serif;
	padding:0;
	margin:0;
}
#breadcrumb li {
	display:inline;
}
#breadcrumb li a {
	color:#252525;
}
#breadcrumb li+li:before {
	content:'  \2022  ';
	font:140%/0 Arial,Helvetica,sans-serif;
	vertical-align:middle;
	padding:0 0 0 0.5%;
}


/*-----------------------------------------------------------
Side column navigation */

#side-nav {
	margin:1em 0;
	padding:1em 1.5em;
	background:#e7a614;
	color:#fff;
}

/* Header */
#side-nav h3 {
	text-transform:none;
	text-align:center;
	font-weight:500;
	margin:0;
}
#side-nav h3 strong {
	display:block;
	text-transform:uppercase;
	color:#00703c;
}

/* Links */
#side-nav ul {
	list-style:none;
	margin:0.5em 0 1em;
	padding:0;
}
#side-nav li {
	
}
#side-nav li a {
	display:block;
	padding:0.3em 0;
	font:115%/1.3 StoneSans,Arial,Helvetica,sans-serif;
	color:#fff;
}
#side-nav li+li {
	border-top:1px solid #ecb843;
}

/*-----------------------------------------------------------
Accordions */

section.accordion {
	margin:1em 0;
}
section.accordion header {
	position:relative;
	padding:0.7em 2.5em 0.5em 1em;
	background:#5e605f;
	font-size:115%;
	color:#fff;
}
section.accordion header h3 {
	margin:0;
}

/* Open/close */
section.accordion article {
	overflow:hidden;
}
section.accordion.close article {
	max-height:0;
}
section.accordion.open article {
	max-height:5000px;

	-webkit-transition:all 0.7s ease-in-out 0s;
	transition:all 0.7s ease-in-out 0s;
}

/* Arrow */
section.accordion header:after {
	content:' ';
	position:absolute;
	margin:-0.5em 0 0;
	height:1em;
	width:1em;
	right:1em;
	top:50%;
	border:2px solid #282828;
	border-bottom:none;
	border-left:none;

	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
section.accordion.open header {
	background-color:#8c8d8d;
}
section.accordion.open header:after {
	color:#e7a514;
	border-color:#e7a514;
}


/************************************************************
Events */

/*-----------------------------------------------------------
Event list */

#event-list dl {
	position:relative;
	margin:0;
}

/* Date */
#event-list dt {
	position:absolute;
	width:3.5em;
	left:0;
	margin:1em 0 0;
	padding:0.2em 0 0;
	font:100%/1.3 StoneSans,Arial,Helvetica,sans-serif;
	text-align:center;
	text-transform:uppercase;
	background:#00703c;
	color:#fff;
	border-radius:0.4em;
	overflow:hidden;
}
#event-list dt a {
	display:block;
	color:#fff;
}
#event-list dt strong {
	display:block;
	background:#1a3c2e;
	font:bold 175%/1.5 Slimbach,'Times New Roman',Times,serif;
}

/* Event */
#event-list dd {
	padding:1.2em 0 0 4em;
	margin:0 0.5em 0.7em;
	border-top:1px solid #adb8b3;
}
#event-list dt:first-child+dd {
	border-top:none;
}
#event-list dd a {
	display:block;
	color:inherit;
	min-height:3.8em;
}

/*-----------------------------------------------------------
Calendar */



/*-----------------------------------------------------------
Event detail */



/************************************************************
Callouts */

/*-----------------------------------------------------------
Basic / shared */

.callout {
	position:relative;
	display:table;
	width:100%;
	margin:0 0 1.5em;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.callout>a {
	display:block;
}

.callout h3 {
	font:190%/1.2 StoneSans,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	margin:0;
}
.callout h3 strong {
	color:#00703c;
	font-weight:bold;
}
.callout h4 {
	font:900 170%/1.2 'Arial Black',Arial,Helvetica,sans-serif;
	text-transform:none;
	margin:0;
}
.callout p {
	font-size:130%;
	margin:0;
}

/*-----------------------------------------------------------
Sidebar callouts */

.col.side .callout {
	margin: 0;
}

.col.side .callout > figure {
	padding: 0;
	margin: 0;
}

.callout + .callout {
	margin-top: 1em;
}

.col.side .callout img {
	margin: 0;
}
/*-----------------------------------------------------------
Box callouts */

.callout.box {
	background:#5e605f;
	color:#fff;
}
.callout.box>a {
	display:table-cell;
	vertical-align:middle;
	padding:0.7em 1.2em;
	height:3.5em;
	color:#fff;
}
.callout.box h4 strong {
	text-transform:uppercase;
	color:#e7a514;
}

.callout.box .arrow {
	position:relative;
	margin-right:0.8em;
}
.callout.box .arrow:after {
	position:absolute;
	font-size:170%;
	bottom:0;
}

/*-----------------------------------------------------------
Newsletter and App callouts */

.callout.news>a,
.callout.app>a {
	padding-left:77px;
}
.callout.news>a:before,
.callout.app>a:before {
	content:' ';
	position:absolute;
	margin:-1.8em 0 0;
	height:3.6em;
	width:45px;
	left:1.3em;
	top:50%;
}

.callout.news h4 {
	text-transform:uppercase;
}
.callout.news>a:before {
	background:transparent url('../images/icons/icons.png') no-repeat -108px center;
}

.callout.app>a:before {
	background:transparent url('../images/site/logo.png') no-repeat center center;
	background-size:contain;
}

/*-----------------------------------------------------------
Tour callout */

.callout.tour h3 {
	position:relative;
	padding-left:2.25em;
}
.callout.tour h3 strong {
	color:#799940;
}
.callout.tour h3:before {
	content:' ';
	position:absolute;
	height:100%;
	width:58px;
	left:-5px;
	top:0;
	background:transparent url('../images/icons/icons.png') no-repeat -167px center;
}
.callout.tour p {
	position:relative;
	text-align:center;
}
.callout.tour p small {
	position:relative;
	display:inline-block;
	padding:0 0.5em;
	font-size:70%;
	text-transform:uppercase;
	background:#5e605f;
	color:#cececd;
	z-index:2;
}
.callout.tour p:before {
	content:' ';
	position:absolute;
	width:100%;
	top:52%;
	left:0;
	border-top:1px solid #6d6f6d;
}

/*-----------------------------------------------------------
Donate callout */

.callout.donate {
	background:#e7a514;
	text-align:center;
	position: relative;
	top: 3px;
	left: 3px;
	background-color:#00703c;
}
.callout.donate h3:before { /* Heart icon */
	content:' ';
	display:block;
	margin:0 auto;
	height:50px;
	width:55px;
	background-image: url('../images/icons/giving.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.callout.donate h3 {
	text-transform:none;
	color:#fff;
}
.callout.donate h3 strong {
	text-transform:uppercase;
	display:block;
	color:#e7a514;
}

.givingBtn a{
	background-color: #FFF;
	padding: 10px 20px;
	max-width: 200px;
}
.givingBtn {
	padding: 20px 0px;
}
.givingBtn:after {
	display: none;
}

/*-----------------------------------------------------------
Contact callout */

.callout.contact {
	margin:0;
}
.callout.contact h3 strong {
	display:block;
}


/*-----------------------------------------------------------
Report callout */

.callout.report {
	background:#1a3c2e url('../images/site/watermark-slogan.png') repeat center top;
}
.callout.report>a {
	padding-left:14em;
	height:11.5em;
}
.callout.report>a:before {
	content:url('../images/icons/report.png');
	position:absolute;
	margin:-75px 0 0;
	left:5%;
	top:50%;
}
.callout.report h4 {
	font:500 160%/1.3 StoneSans,Arial,Helvetica,sans-serif;
	max-width:8em;
	margin:0 auto;
}
.callout.report p {
	max-width:12em;
	margin:0.3em auto;
}
.callout.report .arrow {
	margin-right:auto !important;
	font:500 125%/1.3 StoneSans,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	color:#e7a514;
}
.callout.report .arrow:after {
	position:static;
	font-size:170% !important;
	margin:-0.1em -0.4em 0 0.2em !important;
}


/*-----------------------------------------------------------
"Our Moment... Our Time" callout */

.callout.moment {
	background:#1a3c2e url('../images/site/watermark-slogan.png') repeat center top;
}
.callout.moment h3 {
	font:230%/1 Lobster,'Times New Roman',Times,sans-serif;
	text-transform:none;
	margin:0 0 5px;
	color:#fff;
}
.callout.moment .arrow {
	text-transform:uppercase;
	font-size:120%;
	margin:0;
}
.callout.moment .arrow:after {
	font-size:100% !important;
	position:static !important;
	margin:-0.2em 0 0 0.3em !important;
}


/*-----------------------------------------------------------
Photos */

.frame {
	margin:1em 0;
}
.col.nav img,
.col.main img,
.col.side img,
.frame img {
	display:block;
	padding:0.2em;
	/*background:#5e605f;
	border-radius:0.2em;

	-moz-box-sizing:border-box;
	box-sizing:border-box;*/
}

.col.nav img,
.col.main img,
.col.side img {
	margin: 0 0 1em 0;
}

/*-----------------------------------------------------------
Centered bullets */

ul.bullets {
	list-style:none;
	font-size:115%;
	margin:1em 0;
	padding:0;
}
ul.bullets li {
	display:inline;
	white-space:nowrap;
}
ul.bullets li+li:before {
	content:'  \2022  ';
	font:140%/0 Arial,Helvetica,sans-serif;
	vertical-align:middle;
	color:#e7a514;
}

/*-----------------------------------------------------------
Donation Page */
.donation-page h3 {
	text-align: left;
}

/*-----------------------------------------------------------
News Listing + Details */

/* Back to news link */
.back2News {
	display: block;
	text-align: left;
}

/* News Listing */
section.content .col.main .news-list {
	margin:0 auto;
	list-style: none;
	padding:0;
}

.news-list li:first-child {
	margin-top:0;
}

.news-list li {
	position: relative;
	padding-top:25px;
	padding-bottom: 1em;
	margin: 2em 0;
	border-bottom: 1px solid #799940;	
}

.news-list li:last-child {
	border-bottom: none;
}

.news-list li figure {
	margin:8px auto 0;
	max-width:none;
	width:100%;
	display: block;
	vertical-align: top;
	
	max-height:300px;
	overflow: hidden;
	
	box-sizing:border-box;
	border: 5px solid #ECEFF5;
}

.news-list li article {
	display: inline-block;
	vertical-align: top;
	line-height:1;
	width:100%;
	max-width:none;
	
	box-sizing:border-box;
	padding:0;
	background-color:rgba(255,255,255,.5);
}

.news-list li a {
	display: inline-block;
	height:100%;
	width:100%;
}

.news-list li article h3 {
	font-size:180%;
	line-height:1;
	margin:0 auto;
	text-transform: capitalize;
}

.news-list li article time {
	font-size:91%;
	display: block;
	margin-top:5px;
}

.news-list li article p {
	/*margin:25px auto 10px;*/
    line-height: 1.75;
    margin: 18px auto;
}

.news-list li a.learn-more {
	display: inline-block;
	width:auto;
	padding:6px 20px;
	margin-top:15px;

	text-align: right;
	width: 100%;

	box-sizing: border-box;
}

/* News Details */
.news-details h2 {
	font-size:220%;
	line-height:1;
}

.news-details > header time {
	display: block;
	margin: 20px 0 25px;
}

.news-details > article {
	margin-top:30px;
	font-size:85%;
	line-height:1.6;
}

.news-details > article figure {
	position: relative;
	margin:0 auto 30px;
	float:none;
	display: block;
	width:100%;
	box-sizing:border-box;
	border:5px solid #ECEFF5;
	max-width:none;
}

.news-details > article a {
	display: inline-block;
	height:100%;
	width:100%;
}

.news-details > article img {
	width:100%;
	vertical-align: bottom;
}

/*-----------------------------------------------------------
Staff Listing */

/* Staff List */
.staff-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.staff-list li {
	vertical-align: top;
	display: inline-block;
	width: 32.5%;
}

.staff-list li figure {
	margin: .5em;
}

.col.main .staff-list li figure img {
	margin-bottom: .25em;
}

.staff-list li figcaption small {
	display: block;
}

/* Staff Category List */
.staff-cat-list {
	list-style: none;
}

section.content .col.side>ul.staff-cat-list>li {
	padding-bottom: 0;
}

.staff-cat-list li.sel a:before {
	display: inline-block;
	content: ' ';
	border-left: 7px solid #00703C;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;

	padding-right: .5em;
}

/*Staff Links */
.staff-links {
	float:left;
	position:relative;
	top:0.2em;
}
.staff-links a {
	display: inline-block;
	background: url("../images/icons/staff-icons.png") no-repeat scroll left center transparent;
    height: 24px;
   
    width: 22px;
    text-indent: -9999px;
}

.staff-links .contact {
	
	background-position: 0px center;
}

.staff-links .website {
	background-position: -32px center;
}

/************************************************************
File List */
section.content .col.side > .file-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.file-list li {
	margin:1% 0;
	box-sizing:border-box;
	width: 100%;
}

.file-list a {
	position:relative;
	display:block;
	/* background-color:#dad7c6; */
	
	border:0.3em solid transparent;
	color:inherit;
	padding:0.7% 0 0.7% 2%;
	box-sizing:border-box;
}

.file-list a:before {
	background: url("../images/icons/file-icons/doc-file.png") no-repeat scroll center center transparent;
    content: " ";
    display: inline-block;
    height: 16px;
    padding-right: 0.75em;
    width: 16px;
    margin-bottom:-2px;
}

/* --------- File Icons ----------*/

.file-list a[href$=".gif"]:before,
.file-list a[href$=".jpg"]:before,
.file-list a[href$=".jpeg"]:before,
.file-list a[href$=".png"]:before {
    background-image: url("../images/icons/file-icons/doc-image.png");
}
.file-list a[href$=".pdf"]:before {
    background-image: url("../images/icons/file-icons/doc-pdf.png");
}
.file-list a[href$=".doc"]:before,
.file-list a[href$=".docx"]:before {
    background-image: url("../images/icons/file-icons/doc-word.png");
}
.file-list a[href$=".xls"]:before,
.file-list a[href$=".xlsx"]:before {
    background-image: url("../images/icons/file-icons/doc-excel.png");
}

.file-list.inline {
	margin: 0;
	padding: 0;
	list-style: none;
}

.file-list.inline li {
	display: inline-block;
	margin-left: 1em;
	line-height:1.4;
}

.file-list.inline li:first-child {
	margin-left: 0;
}

/************************************************************
Pagination! */
.pagination {
	list-style:none;
	padding:0;
	margin:0 auto;
	
	text-align: center;
}

.pagination li {
	display: inline-block;
	border-left: 1px solid #FFF;
}

.pagination li.next + li {
	border-left: 0;
}

.pagination li strong {
	color:#16B1B5;
	padding:6px 8px;
	/* text-shadow: 1px 1px 3px #000; */
}

.pagination li + li {
	margin-left:0;
}

.pagination li a,
.pagination li span {
	display: inline-block;
	vertical-align: baseline;
	color:#FFF;
	padding:6px 8px;
	font-size: 120%;
	background-color: #00703C;
}

.pagination li span.current {
	font-weight: bold;
	background-color: #e7a614;
}

.pagination li  a:hover, .pagination li  a:active {
	color:#ABE22C;
}

.pagination li.prev {
	margin-right: .24em;
}

.pagination li.next {
	margin-left: .25em;
}

.pagination li.next a,
.pagination li.prev a {
	border-top: 16px solid transparent;
	border-bottom: 17px solid transparent;
	font-size: 0;
	width: 0;
	height: 0;
	vertical-align: middle;
	padding: 0;
	background: none;
	margin-top: -4px;
}

.pagination li.prev a {
	border-right: 16px solid #00703C;
}

.pagination li.next a {
	border-left: 16px solid #00703C;
}

/************************************************************
/************************************************************
RESPONSIVE */

/*-----------------------------------------------------------
Large screens */

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

	/*-------------------------------------------------------
	Banners */

	/* Pages */
	header#banner h1 {
		margin-left:-500px;
		left:50%;
	}
}

/*-----------------------------------------------------------
Shrinking screen */

@media screen and (max-width:960px) {

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

	/* Slogan */
	#slogan-blurb {
		font-size:120%;
	}

	/* Address */
	#main-foot>address {
		padding:1em 3.5%;
		font-size:100%;
		margin:0 2.5%;
	}

	/*-------------------------------------------------------
	Callouts area (pages) */

	.callout-bar>figure {
		padding:0 0 0 260px;
		margin:0;
	}
	.callout-bar>figure img {
		width:250px;
	}

}
@media screen and (max-width:925px) {

	/*-------------------------------------------------------
	Splash columns */

	/* Events (shrink some) */
	#splash-cols #event-list {
		font-size:90%;
	}

	/* News (also shrink) */
	#featured-news {
		font-size:90%;
	}
	#featured-news figure h4 {
		font-size:170%;
	}

	/*-------------------------------------------------------
	Callouts */

	/* News / app callouts (bottom of page) */
	.callout.news h4 {
		font-size:150%;
	}
	.callout.news>a,
	.callout.app>a {
		padding-left:70px;
		padding-right:2.5em;
	}
	.callout.news>a:before,
	.callout.app>a:before {
		left:1em;
	}
	.callout.box .arrow {
		position:static;
		margin-right:0;
	}
	.callout.box .arrow:after {
		margin:0 0 -0.4em;
		font-size:30pt;
		right:0.3em;
		bottom:50%;
	}

	/* Tour callout (side of page) */
	.callout.tour h3:before {
		position:static;
		display:block;
		margin:0 auto 5px;
		height:50px;
	}
	.callout.tour h3 {
		padding-left:0;
		text-align:center;
	}

	/* Report callout (splash page) */
	.callout.report>a {
		padding-left:13em;
		font-size:95%;
	}
	.callout.report>a:before {
		left:0;

		-webkit-transform:scale(0.85);
		-ms-transform:scale(0.85);
		transform:scale(0.85);
	}

	/*-------------------------------------------------------
	Callouts area (pages) */

	.callout-bar>figure {
		display:block;
		width:100%;
	}
	.callout-bar>figure+aside {
		display:block;
	}
	.callout-bar>figure+aside aside.callout {
		display:inline-table;
		margin:1em 0.3em;
	}

}
@media screen and (max-width:860px) {

	/*-------------------------------------------------------
	Navigation */

	/* First level */
	#main-nav>ul {
		display:block;
		max-width:750px;
		padding:0.5em 0;
	}
	#main-nav>ul>li {
		display:inline-block;
	}
	#main-nav>ul>li>a {
		padding:0.3em 0.6em;
	}

	/* Second level */
	#main-nav li nav li,
	#main-nav li nav p {
		font-size:100%;
	}

	/*-------------------------------------------------------
	Banners */

	#banner {
		font-size:90%;
	}
	#banner-tiles img {
		margin:0 -5% -1%;
		max-width:110%;
		width:110%;
	}

	/*-------------------------------------------------------
	Content columns */

	/* Need to rearrange the columns somewhat */
	section.content {
		overflow:hidden;
	}
	section.content .col.main,
	section.content .col.nav+.col.main {
		margin-left:0;
		float:left;
		width:65%;
	}
	section.content .col.side {
		float:right;
		clear:right;
		width:30%;
	}

	/* Three-column layout - leftmost column moves to the right */
	section.content .col.nav {
		float:right;
		width:30%;
	}

}


/*-----------------------------------------------------------
Tablet */

@media screen and (max-width:820px) {

	/*-------------------------------------------------------
	Global */

	/* Shrink font sizes slightly */
	body { font-size:10pt; }
	h1 { font-size:265%; }
	h2 { font-size:200%; }
	h3 { font-size:150%; }
	h4 { font-size:140%; }
	h5 { font-size:115%; }
	h6 { font-size:110%; }

	/*-------------------------------------------------------
	Header */

	/* Logo */
	#logo {
		-webkit-transform:scale(0.9);
		-ms-transform:scale(0.9);
		transform:scale(0.9);
	}

	/* Slogan */
	#slogan {
		font-size:200%;
	}

	/* Donate link */
	#main-head .donate {
		right:1.2em;
		left:auto;

		-webkit-transform-origin:center top;
		-ms-transform-origin:center top;
		transform-origin:center top;

		-webkit-transform:scale(0.9);
		-ms-transform:scale(0.9);
		transform:scale(0.9);
	}

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

	/* Navigation */
	#foot-nav ul {
		padding:0.5em 0;
	}
	#foot-nav li a {
		padding:0.8em 0.9em;
		font-size:100%;
	}

	/* Footer columns - shrink logo and spacing */
	#main-foot>h5 {
		width:180px;
	}
	#main-foot>address {
		padding:1em 2.5%;
	}
	#main-foot .callout {
		font-size:70%;
	}

	/*-------------------------------------------------------
	Splash area */

	/* Kill the side image */
	#splash-cols {
		padding-right:0;
	}
	#splash-cols>figure {
		display:none;
	}

	/*-------------------------------------------------------
	Featured news */

	#featured-news nav ol,
	#featured-news figure img {
		width:38%;
	}
	#featured-news figure figcaption {
		width:58%;
	}

	/*-------------------------------------------------------
	Content stuff */

	/* Block text blurbs */
	section.content blockquote {
		font-size:160%;
	}


}
@media screen and (max-width:740px) {

	/*-------------------------------------------------------
	Navigation */

	/* Second level */
	#main-nav li nav {
		padding:0.5em 1.2em;
		font-size:110%;
	}
	#main-nav li nav ul {
		display:block;
		text-align:center;
		width:auto;
		margin:0;
	}
	#main-nav li nav li {
		display:inline-block;
		margin:0.2em 0.6em;
	}
	#main-nav li nav figure {
		display:block;
		margin:1em auto 0.5em;
		width:95%;
	}
	#main-nav li nav figure img,
	#main-nav li nav figcaption {
		width:48%;
	}
	/*
	#main-nav li nav ul {
		vertical-align:middle;
		width:33%;
		margin:0;
	}
	#main-nav li nav figure {
		vertical-align:middle;
		width:64%;
	}
	#main-nav li nav figure img,
	#main-nav li nav figcaption {
		width:47%;
	}
	*/

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

	/* Footer columns - shrink stuff again */
	#main-foot>h5 {
		width:170px;
	}
	#main-foot>address {
		font-size:95%;
	}
	#main-foot .callout {
		font-size:55%;
	}

	/*-------------------------------------------------------
	Featured news */

	#featured-news nav ol {
		width:100%;
	}
	#featured-news figure img {
		display:block;
		margin:0.7em auto;
		width:auto;
	}
	#featured-news figure figcaption {
		display:block;
		max-width:280px;
		margin:0.7em auto 1.5em;
		width:auto;
	}

}
@media screen and (max-width:650px) {

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

	/* Navigation */
	#foot-nav ul {
		max-width:500px;
		margin:0 auto;
	}
	#foot-nav li a {
		padding:0.8em 1em;
	}

	/* Footer columns - hide donate callout (no room for it) */
	#main-foot>address {
		border-right:none;
		padding-right:0;
		margin-right:0;
	}
	#main-foot .callout {
		display:none;
	}

	/*-------------------------------------------------------
	Callouts area (pages) */

	.callout-bar {
		display:block;
		border-spacing:0;
	}
	.callout-bar>blockquote {
		border-right:0.4em solid #fff;
	}
	.callout-bar>figure {
		padding-left:240px;
		font-size:90%;
	}
	.callout-bar>figure img {
		width:230px;
	}
	.callout-bar>figure+aside aside.callout {
		width:230px;
	}

}

/*-----------------------------------------------------------
Mobile */

@media screen and (max-width:560px) {

	/*-------------------------------------------------------
	Global */

	/* Shrink font size slightly */
	body { font-size:9.5pt; }
	h1 { font-size:240%; }
	h2 { font-size:190%; }
	h3 { font-size:145%; }
	h4 { font-size:135%; }

	/* Death to the columns */
	.col {
		max-width:none !important;
		display:block !important;
		width:auto !important;
		float:none !important;
	}


	/*-------------------------------------------------------
	Header */

	#main-head:after {
		content:' ';
		position:absolute;
		height:0.3em;
		width:100%;
		bottom:0;
		left:0;
		background:#00703c;
		border-top:0.2em solid #799940;
		border-bottom:0.2em solid #799940;
	}

	/* Logo */
	#logo {
		font-size:140%;
	}
	#logo a:before {
		margin-top:-20%;

		-webkit-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8);
	}

	/* Top: Make room for menu links */
	#top ul.social {
		margin-right:6em;
	}

	/* Search: Fix to top */
	#top #search {
		position:fixed;
		margin:-0.5em 0 0;
		right:50px;
		z-index:99;
		top:0;
	}
	#top #search>a {
		position:static;
		box-shadow:0 0 0.4em rgba(0,50,0,0.25);
	}

	/* Donate link */
	#main-head .donate {
		position:fixed;
		text-indent:-9999px;
		height:46px;
		width:45px;
		z-index:99;
		right:55px;
		top:0;
		box-shadow:0 0 0.4em rgba(0,50,0,0.25);

		-webkit-transform:none;
		-ms-transform:none;
		transform:none;
	}
	#main-head .donate a:before {
		position:absolute;
		text-indent:0;
		left:5px;
		top:6px;

		-webkit-transform-origin:left top;
		-ms-transform-origin:left top;
		transform-origin:left top;

		-webkit-transform:scale(0.5);
		-ms-transform:scale(0.5);
		transform:scale(0.5);
	}
	#main-head .donate a {
		text-align:left;
		padding:0;
	}


	/*-------------------------------------------------------
	Navigation */

	/* Menu */
	#main-nav {
		position:fixed;
		text-align:left;
		overflow:auto;
		border:none;
		padding:1em 3em 1em 1.5em;
		z-index:100;
		height:100%;
		width:100%;
		left:0;
		visibility:hidden;
		opacity:0;
		top:-100%;

		-moz-box-sizing:border-box;
		box-sizing:border-box;

		-webkit-transition:all 0.4s ease 0s;
		transition:all 0.4s ease 0s;
	}
	#main-nav:target {
		visibility:visible;
		opacity:1;
		top:0;
	}
	#main-nav:before {
		content:'Regis Catholic Schools';
		font:bold 170%/1.3 Slimbach,'Times New Roman',Times,serif;
		text-transform:uppercase;
		padding:0 0 0.2em;
		display:block;
		color:#fff;
		border-bottom:1px solid #fff;
		text-align:left;
	}
	#main-nav>ul>li {
		display:block;
	}
	#main-nav li nav {
		position:static;
		background:none;
		border:none;
		visibility:visible;
		opacity:1;
	}
	#main-nav li nav ul {
		display:block;
		text-align:left;
		width:auto;
		margin:0;
	}
	#main-nav li nav li {
		display:block;
	}
	#main-nav li nav figure {
		display:none;
	}

	/* Menu open link */
	#nav-jump {
		position:fixed;
		display:block;
		right:0.6em;
		top:0;
		width:40px;
		height:46px;
		background:#e7a514;
		text-align:left;
		text-indent:-9999px;
		outline:none;
		z-index:99;
		box-shadow:0 0 0.4em rgba(0,50,0,0.25);
	}
	#nav-jump:before {
		content:' ';
		position:absolute;
		left:11%;
		top:55%;
		width:78%;
		height:4px;
		background:rgba(235,255,235,0.8);
		box-shadow:0 -8px 0 rgba(235,255,235,0.8), 0 8px 0 rgba(235,255,235,0.8);
	}

	/* Menu close link */
	#nav-close {
		display:block;
		position:absolute;
		right:0.5em;
		top:0.5em;
		text-indent:-9999px;
		outline:none;
		color:#fff;
	}
	#nav-close:after {
		content:'\00d7';
		position:absolute;
		text-indent:0;
		text-align:right;
		font-size:280%;
		right:0.2em;
		top:0;
	}


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

	/* Navigation - hide links */
	#foot-nav li {
		display:none;
	}


	/*-------------------------------------------------------
	Slogan area */

	#slogan-blurb {
		font-size:115%;
	}


	/*-------------------------------------------------------
	Banners */

	#banner-tiles figure {
		font-size:80%;
	}
	#banner-tiles img {
		margin:0 -10% -1%;
		max-width:120%;
		width:120%;
	}
	#banner-nav ol {
		font-size:90%;
	}
	#banner-prev,
	#banner-next {
		height:2em;
		width:2em;
	}

	/*-------------------------------------------------------
	Sub-navigation (kill it!) */

	#sub-nav {
		display:none;
	}

	/*-------------------------------------------------------
	Splash columns */

	#splash-cols #event-list,
	#splash-cols #featured-news {
		margin:1em 0;
		width:auto;
		float:none;
	}
	#splash-cols aside {
		margin:1em auto;
		width:auto;
		float:none;
	}

	/*-------------------------------------------------------
	Tour bubbles (home page) */

	#tour-bubbles figure {
		margin:3% 7.5%;
		width:33%;
	}
	#tour-bubbles figure:nth-child(3) {
		display:block;
		margin:auto;
	}


	/*-------------------------------------------------------
	Content / columns */

	#content {
		padding-top:0.5em;
	}

	/* Shift order of former columns */
	section.content {
		display:flex;
		flex-direction:column;
	}
	section.content .col.nav {
		order:2;
	}
	section.content .col.side {
		order:3;
	}

	/* Left (navigation) column - kill nav */
	section.content #side-nav {
		display:none;
	}

	/* Side (callouts) column */
	section.content .col.side {
		margin:1.5em 0 0;
	}
	section.content .col.side figure.frame {
		float:left;
		margin-top:0;
		width:47%;
	}
	section.content .col.side aside.callout {
		float:right;
		width:48%;
	}

	/*-------------------------------------------------------
	Content stuff */

	/* Block text blurbs */
	section.content blockquote {
		font-size:140%;
	}

	/*-------------------------------------------------------
	Testimonial bar */

	/* Header */
	#testimonial-bar header {
		position:relative;
		height:auto;
		width:auto;
		z-index:2;
		left:0;
	}
	#testimonial-bar header h3 {
		position:static;
		margin:0.5em 0 -0.5em;
		width:auto;

		-webkit-transform:none;
		-ms-transform:none;
		transform:none;
	}

	/* Tiles */
	#testim-slider figure {
		padding-top:1em;
		margin:0 6%;
		width:88%;
	}
	#testim-slider figure img {
		margin:-105px 0 0;
		max-width:10.5em;
		height:170px;
		bottom:auto;
		top:50%;
	}
	#testim-slider figcaption {
		margin-left:11em;
	}
	#testim-slider cite {
		font-size:110%;
	}

	/*-------------------------------------------------------
	Callouts area (pages) */

	.callout-bar {
		max-width:400px;
		margin:1.5em auto;
	}
	.callout-bar>blockquote {
		border-right:none;
		display:block;
		width:auto;
	}
	.callout-bar>figure {
		padding-left:0;
		font-size:100%;
	}
	.callout-bar>figure img {
		position:static;
		margin:0 0 0.5em;
		height:auto;
		width:100%;
	}
	.callout-bar aside.callout {
		display:block !important;
		width:100% !important;
	}
	.callout-bar aside.callout>a {
		display:block;
		height:auto;
	}

}
@media screen and (max-width:520px) {

	/*-------------------------------------------------------
	Header */

	/* Top navigation */
	#top ul {
		padding:0;
	}
	#top li>a {
		font-size:100%;
	}

	/* Logo / slogan */
	#main-head p {
		text-align:center;
	}
	#logo {
		width:auto;
	}
	#logo a {
		padding-left:85px;
	}
	#slogan {
		display:block;
		font-size:120%;
		text-align:center;
		margin:-0.3em auto 0.7em;
		width:auto;
	}

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

	/* No more columns */
	#main-foot>h5,
	#main-foot>address {
		display:block;
		margin:0 auto 1em;
		font-size:100%;
		border:none;
		padding:0;
	}

}
@media screen and (max-width:420px) {

	/*-------------------------------------------------------
	Header */

	/* Top navigation */
	#top ul {
		margin-left:-0.5em;
	}
	#top li {
		margin:0 -1px;
	}
	#top li>a {
		padding:0.3em 0.4em;
	}
	#top li>a span {
		display:none;
	}

	/*-------------------------------------------------------
	Banners */

	#banner-tiles figure {
		font-size:60%;
	}
	#banner-nav ol {
		font-size:75%;
	}
	#banner-prev,
	#banner-next {
		height:1.5em;
		width:1.5em;
	}


	/*-------------------------------------------------------
	Home page */

	/* Tour bubbles */
	#tour-bubbles figure {
		display:block;
		margin:10% auto;
		width:65%;
	}


	/*-------------------------------------------------------
	Testimonial bar */

	/* Header */
	#testimonial-bar header h3 {
		margin-bottom:0;
	}

	/* Tiles */
	#testim-slider figure {
		padding-top:0;
	}
	#testim-slider figure img {
		display:block;
		position:static;
		margin:0.3em auto;
	}
	#testim-slider figcaption {
		margin:1em 0 0;
	}
	#testim-slider cite {
		font-size:120%;
	}

	/*-------------------------------------------------------
	Callouts column */

	section.content .col.side {
		margin:2em auto 0;
		max-width:250px !important;
	}
	section.content .col.side figure.frame,
	section.content .col.side aside.callout {
		float:none;
		width:auto;
	}
}