@charset "UTF-8";

/* RESET */

* {
	padding:0;
	margin:0;
	outline:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

* > :last-child { 
	margin-bottom:0;
}

img {
	display:block;
	vertical-align: middle;
}

.clearfix::after {
	content:"";
	clear:both;
	display:table;
}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, 
em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav,
object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var, a img {
    background:transparent;
	border:0 none;
	outline:none;
	vertical-align:baseline;
	padding:0;
	margin:0;    
}


/* GENERAL */

html, body {
  overflow-x:hidden;
}

body {
  background:#49585b;
	text-rendering:optimizeLegibility;
	position:relative;
}

h1 {
	font:500 60px/64px "ff-tisa-web-pro", sans-serif;
	color:#fff;
	margin:0 0 40px 0;
}

h2 {
  font:500 45px/52px "ff-tisa-web-pro", sans-serif;
  color:#fff;
  margin:0 0 40px 0;
}

h4 {
  font:700 16px/24px "freight-sans-pro", sans-serif;
  text-transform:uppercase;
  letter-spacing:0.15em;
  color:#00b155;
  margin:0 0 30px 0;
}

p {
	font:400 20px/28px "freight-sans-pro", sans-serif;
  color:#fff;
	margin:0 0 40px;
}

.caption {
  font:300 italic 18px/24px "freight-sans-pro", sans-serif;
  color:#fff;
  padding:20px 0 0 0;
  margin:0;
}

.spacer {
  border:0;
  height:1px;
  margin:30px 0 0 0;
}

/* BUTTONS */

.button {
	background:#00b155;
	font:500 20px/24px "freight-sans-pro", sans-serif;
  text-decoration:none;
	display:inline-flex;
  align-items:center;
	color:#fff;
	transition:all 0.2s ease;
  padding:20px 25px 20px 25px;
	margin:20px 0 0 0;
}

.button:hover {
	background:#00b155;
}

.button:after {
	content:"";
	width:10px;
	height:15px;
	background:url("../images/arrow.svg") no-repeat;
	display:inline-block;
	margin-left:15px;
	position:relative;
	transition:all 0.2s ease;
}

.button:hover:after {
	margin-left:25px;
}

.two-columns {
	display:grid;
  grid-template-columns:repeat(2, 1fr);
  column-gap:100px;
}

#christ-health-rendering {
  width:1450px;
  position:absolute;
  top:0;
  left:900px;
}

#waiting-room {
  width:360px;
  position:absolute;
  top:570px;
  left:1400px;
}

#logo {
	width:340px;
  position:absolute;
  top:70px;
  left:60px;
  z-index:999;
}

header {
  width:900px;
  position:relative;
  z-index:998;
}

header .container {
  padding:250px 80px 50px 70px;
}

#intro {
  width:1400px;
  background:#49585b;
  position:relative;
  z-index:997;
}

#intro .container {
  padding:80px 70px 140px 70px;
}

#intro img {
  width:100%;
  margin:10px 0 0 0;
}

#intro .two-columns {
  grid-template-columns:550px 1fr;
}

#restoration {
  width:1400px;
}

#restoration .container {
  padding:0 0 50px 70px;
}

#restoration .two-columns {
  grid-template-columns:700px 1fr;
}


/* TABLE */

.giving-table {
  color: #fff;
  padding:0;
  margin:0 0 20px 0;
}

.giving-header,
.giving-row,
.giving-total {
  display: grid;
  grid-template-columns: 90px 35px 1fr;
  gap: 5px;
  align-items: start;
}

.giving-header {
  font:700 15px/22px "freight-sans-pro", sans-serif;
  text-transform:uppercase;
  letter-spacing:0.15em;
  color:#00b155;
  margin-bottom:15px;
}

.giving-row {
  font:400 18px/24px "freight-sans-pro", sans-serif;
  margin-bottom:8px;
}

/*
.giving-row > div:nth-child(2),
.giving-total > div:nth-child(2) {
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
}*/

.arrow {
  width:100%;
  height:24px;
  background:url("../images/arrow2.svg") no-repeat center center;
  background-size:12px 12px;
}

.arrow-green {
  width:100%;
  height:24px;
  background:url("../images/arrow-green.svg") no-repeat center center;
  background-size:12px 12px;
}

.tier {
  font:400 italic 18px/22px "freight-sans-pro", sans-serif;
  color:#00b155;
  position:relative;
  display:inline-block;
  margin:5px 0 10px 0;
  z-index:2;
}

.tier span {
  background:#49585b;
  padding-right:10px;
}

.tier::before {
  content: "";
  position: absolute;
  left: 0;
  width:480px;
  top: 50%;
  transform: translateY(-50%);
  height:2px;
  background:#00b155;
  z-index: -1;
}

.giving-total {
  font:500 italic 18px/22px "freight-sans-pro", sans-serif;
  border-top: 2px solid #00b155;
  padding-top: 16px;
  margin-top: 15px;
}



footer {
  width:1300px;
  position:relative;
  padding:50px 0 60px 710px;
}

footer p {
  font-size:18px;
  line-height:26px;
}

footer p a {
  color:#fff;
  text-decoration:none;
}

.lines {
  width:680px;
  height:21px;
  background:url("../images/footer-lines.jpg") repeat-x;
  position:absolute;
  top:55px;
  left:0;
}