html,body
{
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden; 
}

/** General styling **/
h2 {
  font-family: 'Lora', serif;
}

h3 {
  font-family: 'Lora', serif;
  font-weight: 400;
  color: #748188;
}

a.read-more-link {
  color: #444;
  font-weight: 600;
}

a.read-more-link i.fa {
  margin-right: 5px;
}

.text-offwhite {
  color: #F4F8F8;
}

.text-smaller {
  font-size: 90%;
}

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

/** Buttons **/
.btn-read-more {
  background: #6899B7;
  color: white;
}

.btn-read-more:hover {
  background: #6DA7CB;
}

/** Nav **/
nav.navbar-default {
  position: fixed;
  width: 100%;
  background: rgba(229, 236, 238, 0.85);
  z-index: 10;
  color: #455B6D;
}

.navbar-default .navbar-nav > li > a {
  color: #455B6D;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #627E96;
}

.navbar-default .navbar-toggle {
  color: #455B6D;
  border-color: #455B6D;
}

.navbar-collapse.collapse.in > ul.navbar-nav.nav {
  background: rgba(229, 236, 238, 0.85);
}

.social-box {
  padding-top: 12px;
  width: 180px;
}

.social-box::before {
  content: '';
  height: 29px;
  width: 1px;
  border-left: 1px solid #A7B4B7;
  position: relative;
  left: -2px;
}

.social-box a {
  color: #6A777A;
  margin-left: 10px;
  font-size: 110%;
}

.social-box a:hover {
  color: #455B6D;
}

/** Hero **/
.hero {
  width: 100%;
  height: 575px;
  background-position: center center;
  background-size: cover;
  background-image: url(https://gfamedia.org/images/2016-special-report/heroimage.jpg);
  position: relative;
}

.hero .herotext {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
}

.hero h1 {
  color: #F1F6F8;
  font-family: 'Lora', serif;
  font-weight: 400;
  text-shadow: 0px 2px 3px rgba(0,0,0,0.4);
  text-transform: uppercase;
}

.hero h2 {
  color: #F1F6F8;
  font-family: 'Lora', serif;
  font-weight: 400;
  text-shadow: 0px 2px 3px rgba(0,0,0,0.4);
  margin-top: 5px;
  padding: 0 10px;
}

@media (min-width: 1400px) {
  .hero {
    height: 650px;
  }
}

@media (min-width: 1800px) {
  .hero {
    height: 700px;
  }
}

@media (max-width: 768px) {
  .hero {
    height: 450px;
  }

  .hero h1 {
    font-size: 40px;
  }

  .hero h2 {
    font-size: 25px;
  }
}

/** Site Sections **/
.golden {
  background: #AA9A77;
  color: #F1F6F8;
  padding: 20px 10px;
}

h3.mission {
  color: #F1F6F8;
  font-family: 'Lora', serif;
  text-align: center;
  font-weight: 400;
  line-height: 1.4;
}

.disc-box {
  width: 100%;
  text-align: center;
}

.disc-box img {
  margin: 0 auto;
  width: 117px;
}

img.circle {
  border-radius: 50%;
}

.kpimage {
  max-width: 190px;
  float: right;
}

.section-hero {
  width: 100%;
  height: 500px;
  background-position: center center;
  background-size: cover;
  position: relative;
  margin-top: 120px;
}

.section-hero .text-box {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding-top: 50px;
}

.section-hero h2 {
  color: #F1F6F8;
  font-family: 'Lora', serif;
  font-weight: 400;
  text-shadow: 0px 2px 3px rgba(0,0,0,0.4);
  text-transform: uppercase;
  text-align: center;
  font-size: 40px;
}

@media (min-width: 1400px) {
  .section-hero {
    height: 600px;
  }
}

@media (min-width: 1800px) {
  .section-hero {
    height: 650px;
  }
}

@media (max-width: 768px) {
  .section-hero {
    height: 400px;
  }

  .section-hero h2 {
    font-size: 25px;
  }
}

.post-hero-section {
  color: #F4F8F8;
  text-align: center;
  padding: 30px 10px;
  font-size: 110%;
}

.mainstory h2 {
  font-family: 'Lora', serif;
  font-size: 35px;
}

.mainstory blockquote {
  font-family: 'Lora', serif;
  font-size: 120%;
  margin-top: 30px;
  margin-bottom: 30px;
}


@media (min-width: 1000px) {
  .mainstory-image-box img {
    max-width: 80%;
  }
}

@media (max-width: 767px) {
  .mainstory-image-box img {
    text-align: center;
    max-width: 60%;
  }
}

.stats {
  font-size: 30px;
  line-height: 1.2;
}

.stats-secondary {
  font-size: 24px;
  line-height: 1.2;
}

.stats .big-number {
  display: block;
  font-weight: 600;
  font-size: 80px;
  line-height: 1;
}

.stats-secondary .big-number {
  display: block;
  font-weight: 600;
  font-size: 70px;
  line-height: 1;
}

.stats-secondary .larger {
  font-weight: 600;
  font-size: 130%;
  display: block;
}

.stats-image {
  padding-right: 0;
  text-align: right;
}


.stats-image img {
  max-width: 80%;
}

.stats-secondary-image {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
}

.horizontal-pattern {
  background-size: 70%;
  background-position: 20% 0;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .stats-image,
  .stats-secondary-image {
    text-align: center;
    padding-left: 0;
  }

  .stats-image img,
  .stats-secondary-image img {
    max-width: 50%;
  }

  .horizontal-pattern {
    background-size: 100%;
  }

  .stats {
    text-align: center;
    font-size: 25px;
  }

  .stats .big-number,
  .stats-secondary .big-number {
    font-size: 60px;
  }

  .stats-secondary {
    text-align: center;
    font-size: 23px;
    margin-bottom: 20px;
  }

  .stats-secondary.append-top,
  .stats-secondary.append-top2 {
    margin-top: 10px;
  }

}

.story-section {
  margin-top: 40px;
  margin-bottom: 30px;
}

.story-section .row {
  padding-top: 15px;
  padding-bottom: 15px;
}

.story-section .story-text {
  padding-left: 0;
}

.story-section .story-image {
  padding-right: 0;
}

@media (max-width: 767px) {
  .story-section .story-image {
    padding-left: 0;
  }
}

.story-section > .row {
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #ccc;
}

.story-section > .row:last-child {
  border-bottom: 0;
}


/** Missionary Section **/
.hero-missionary {
  background-image: url(https://gfamedia.org/images/2016-special-report/hero-missionary.jpg);
  border-top: 9px solid #6899B7;
}

.hero-missionary .text-box {
  background: linear-gradient(to bottom,  rgba(104,153,183,0) 0%,rgba(104,153,183,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006899b7', endColorstr='#cc6899b7',GradientType=0 ); /* IE6-9 */
}

.missionary-color {
  background: #6899B7;
  color: white;
}

.missionary-section .mainstory h2 {
  color: #517F99;
}

.missionary-section .mainstory h3 {
  color: #6899B7;
}

.missionary-section .mainstory blockquote {
  border-left: 4px solid #6899B7;
}

.horizontal-pattern.blue {
  background-image: url(https://gfamedia.org/images/2016-special-report/horizontal-pattern-blue-20pct.png);
}

.missionary-section .story-section {
  border-top: 5px solid #6899B7;
  border-bottom: 5px solid #6899B7;
}

/** Children Section **/
.hero-children {
  background-image: url(https://gfamedia.org/images/2016-special-report/hero-children.jpg);
  border-top: 9px solid #71af65; /* red #891626 original green #8e8b03 */
}

.hero-children .text-box {
  background: linear-gradient(to bottom,  rgba(113,175,101,0) 0%,rgba(113,175,101,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071af65', endColorstr='#cc71af65',GradientType=0 ); /* IE6-9 */
}

.children-color {
  background: #71af65;
  color: white;
}

.children-section .mainstory h2 {
  color: #71af65;
}

.children-section .mainstory h3,
.children-section .story-section h3 {
  color: #57904c;
}

.children-section .mainstory blockquote {
  border-left: 4px solid #71af65;
}

.horizontal-pattern.green {
  background-image: url(https://gfamedia.org/images/2016-special-report/horizontal-pattern-green-20pct.png);
}

.children-section .story-section {
  border-top: 5px solid #71af65;
  border-bottom: 5px solid #71af65;
}

.children-section .btn-read-more {
  background: #71af65;
  color: white;
}

.children-section .btn-read-more:hover {
  background: #7dc46f;
}

/** Staff Story1 **/
.staff-story {
  margin: 30px 0;
  padding: 30px 0;
  background: #CEE3E8;
  border-top: 3px solid #A2C1DB;
  border-bottom: 3px solid #A2C1DB;
}

.staff-story .story-image {
  text-align: center;
}

.staff-story .story-image img {
  border-radius: 50%;
  max-width: 60%;
}

.staff-story .btn-read-more {
  background: #424B52;
}

.staff-story .btn-read-more:hover {
  background: #4B6172;
}

.staff-story h2 {
  color: #424B52;
  font-size: 30px;
  margin: 10px 0;
}

.staff-story .story-text p.byline {
  color: #748592;
}

.staff-story blockquote {
  font-family: 'Lora', serif;
  font-size: 120%;
  margin-top: 30px;
  margin-bottom: 30px;
  border-left: 4px solid #33868e;
}



/** Women Section **/
.hero-women {
  background-image: url(https://gfamedia.org/images/2016-special-report/hero-women.jpg);
  border-top: 9px solid #c94f91; /* original pink D1357C */
}

.hero-women .text-box {
  background: linear-gradient(to bottom,  rgba(201,79,145,0) 0%,rgba(201,79,145,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c94f91', endColorstr='#ccc94f91',GradientType=0 ); /* IE6-9 */
}

.women-color {
  background: #c94f91;
  color: white;
}

.women-section .mainstory h2 {
  color: #c94f91;
}

.women-section .mainstory h3 {
  color: #ac417b;
}

.women-section .mainstory blockquote {
  border-left: 4px solid #c94f91;
}

.horizontal-pattern.pink {
  background-image: url(https://gfamedia.org/images/2016-special-report/horizontal-pattern-pink-20pct.png);
}

.women-section .story-section {
  border-top: 5px solid #c94f91;
  border-bottom: 5px solid #c94f91;
}

.women-section .btn-read-more {
  background: #c94f91;
  color: white;
}

.women-section .btn-read-more:hover {
  background: #db5aa0;
}

/** Communities Section **/
.hero-communities {
  background-image: url(https://gfamedia.org/images/2016-special-report/hero-communities.jpg);
  border-top: 9px solid #164E87;
}

.hero-communities .text-box {
  background: linear-gradient(to bottom,  rgba(22,78,135,0) 0%,rgba(22,78,135,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00164E87', endColorstr='#cc164E87',GradientType=0 ); /* IE6-9 */
}

.communities-color {
  background: #164E87;
  color: white;
}

.communities-section .mainstory h2 {
  color: #37699B;
}

.communities-section .mainstory blockquote {
  border-left: 4px solid #4779AB;
}

.communities-section .mainstory h3,
.communities-section .story-section h3 {
  color: #6A90B6;
}

.horizontal-pattern.lightblue {
  background-image: url(https://gfamedia.org/images/2016-special-report/horizontal-pattern-lightblue-20pct.png);
}

.communities-section .story-section {
  border-top: 5px solid #0A5FB4;
  border-bottom: 5px solid #0A5FB4;
}

.communities-section .btn-read-more {
  background: #0A5FB4;
  color: white;
}

.communities-section .btn-read-more:hover {
  background: #2780D9;
}

/** Compassion Section **/
.hero-compassion {
  background-image: url(https://gfamedia.org/images/2016-special-report/hero-compassion.jpg);
  border-top: 9px solid #6c4f99; /* #7E4F99;*/
}

.hero-compassion .text-box {
  background: linear-gradient(to bottom,  rgba(108,79,153,0) 0%,rgba(108,79,153,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006c4f99', endColorstr='#cc6c4f99',GradientType=0 ); /* IE6-9 */
}

.compassion-color {
  background: #6c4f99;
  color: white;
}

.compassion-section .mainstory h2 {
  color: #6c4f99;
}

.compassion-section .mainstory h3,
.compassion-section .story-section h3 {
  color: #573887;
}

.compassion-section .mainstory blockquote {
  border-left: 4px solid #6c4f99;
}

.horizontal-pattern.purple {
  background-image: url(https://gfamedia.org/images/2016-special-report/horizontal-pattern-purple-20pct.png);
}

.compassion-section .story-section {
  border-top: 5px solid #6c4f99;
  border-bottom: 5px solid #6c4f99;
}

.compassion-section .btn-read-more {
  background: #6c4f99;
  color: white;
}

.compassion-section .btn-read-more:hover {
  background: #7856ae;
}

/** Thank You Section **/
.hero-thankyou {
  background-image: url(https://gfamedia.org/images/2016-special-report/hero-thankyou.jpg);
  text-align: center;
  color: white;
  font-family: 'Lora', serif;
  font-size: 27px;
  padding-top: 60px;
  padding-bottom: 30px;
  height: auto;
}

.hero-thankyou p {
  text-shadow: 0px 2px 3px rgba(0,0,0,0.4);
  line-height: 1.3;
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 767px) {
  .hero-thankyou p br {
    display: none;
  }

  .hero-thankyou p {
    font-size: 20px;
  }
}

.hero-thankyou p.thankyou {
  margin-top: 20px;
  margin-bottom: 40px;
}

p.thankyou img {
  width: 200px;
}

.thankyou-color {
  background: #065F5D;
  padding: 40px 10px 20px;
}

.thankyou-color p {
  font-family: 'Lora', serif;
  text-align: left;
  margin-bottom: 25px;
  font-size: 110%;
}

@media (max-width: 767px) {
  .thankyou-color p {
    font-size: 100%;
  }
}

.share-box {
  margin-top: 80px;
  font-size: 110%;
  font-weight: 600;
}

.share-box .round-disc {
  width: 125px;
  margin: 0 auto;
  opacity: 0.8;
  margin-bottom: 30px;
}

.footer {
  border-top: 10px solid #E3D2A9;
}

.footer a {
  color: white;
}

/** Margin Classes **/
.append-bottom-half {
  margin-bottom: 10px; }

.append-bottom {
  margin-bottom: 20px; }

.append-bottom2 {
  margin-bottom: 40px; }

.append-bottom3 {
  margin-bottom: 60px; }

.append-bottom4 {
  margin-bottom: 80px; }

.append-bottom-none {
  margin-bottom: 0; }

.append-top-half {
  margin-top: 10px; }

.append-top {
  margin-top: 20px; }

.append-top2 {
  margin-top: 40px; }

.append-top3 {
  margin-top: 60px; }

.append-top-none {
  margin-top: 0; }

.append-both {
  margin-top: 20px;
  margin-bottom: 20px; }

.append-both2 {
  margin-top: 40px;
  margin-bottom: 40px; }

.pad-top {
  padding-top: 20px; }

.pad-top2 {
  padding-top: 40px; }

.pad-top-half {
  padding-top: 10px; }

.pad-bottom {
  padding-bottom: 20px; }

.pad-bottom2 {
  padding-bottom: 40px; }

.pad-bottom-half {
  padding-bottom: 10px; }

.pad-right {
  padding-right: 20px; }

.pad-right2 {
  padding-right: 40px; }

.pad-right-half {
  padding-right: 10px; }

.pad-left {
  padding-left: 20px; }

.pad-left2 {
  padding-left: 40px; }

.pad-left-half {
  padding-left: 10px; }

.top {
  margin-top: 0;
  padding-top: 0; }

.top-nudge {
  margin-top: 3px; }

.bottom {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }

.bottom-nudge {
  margin-bottom: 3px; }