@charset "UTF-8";
/* CSS Document */


/* ALL PAGES */
body {
    color: #000;
    font-family: 'Arial', sans-serif;
    font-size: 1.07rem;
    line-height: 140%;
}

@media (max-width: 763px) { 
    body {
    font-size: 1.00rem;
    }
}
#page-content-wrapper {
  max-width: 1200px;
}

a:link, a:active, a:visited {
  color: #36771b; 
  text-decoration: underline;
}

a:hover {
  color: #777; 
}

strong {
    font-weight: 500;
    font-weight: bold;
}
p strong {
    font-weight: bold;
}

hr {
    background-color: #ddd;
    margin-top: 20px;
    margin-bottom: 0px;
}

nav {
    background-color: #18608d;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    margin-left: -0.2rem;
}

.navbar-brand {
    margin-right: 0.3rem;
    padding-top: 5px;
    padding-bottom: 0px;
}

nav h1 {
    color: #c7d8e3;
    font-size: 1.0rem;
    padding-bottom: 5px;
}

nav .btn {
    background-color: #3ea202;
    color: #fff;
    margin-top: 20px;
    margin-right: -8px;
}


@media (max-width: 600px) { 
    .navbar-brand img {
    width:220px;
    padding-top: 5px;
    }
    nav h1 {
    font-size: 0.6rem;
    }
    nav .btn {
    margin-top: 10px;
    margin-right: -12px;
    }
}




.sidebar-nav a {
    color: #0e5079;
    font-size: 1.1rem;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
    text-decoration: none;
}

.list-group-item {
    background-color: #f1f5f7;
}

.list-group-item:hover, .list-group-item:hover.isocare, .list-group-item.isocare.active {
    color: #000;
    background-color: #e3ecf1;
}

.list-group-item.active {
    color: #aaa;
    border-top: 1px solid rgba(0,0,0,.125);
    border-bottom: 1px solid rgba(0,0,0,.125);
    background-color: #f1f5f7;
}




h1, h2, h3, h4 {
    color: #0e5079;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
}


h1 {
    color: #0e5079;
    font-family: 'Fira Sans', sans-serif;
    font-size: 1.8rem; 
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 8px;
    max-width: 1000px;
}


h2 {
    color: #0e5079;
    font-size: 1.25rem; 
    padding-top: 15px;
    margin-bottom: 8px;
}

h3 {
    color: #0e5079;
    font-size: 1.15rem; 
    padding-top: 15px;
    margin-bottom: 8px;
}

p.intro {
    color: #000;
    font-family: 'Fira Sans', sans-serif;
    font-size: 1.05rem; 
    font-weight: 400;
    line-height: 150%;
    padding-top: 15px;
    margin-bottom: 10px;
}

@media (max-width: 763px) { 
    p.intro {
    font-size: 1.03rem; 
    }
}

.testimonial {
    font-style: italic;
    font-size: 1.2rem;
    line-height: 150%;
    color: #0e5079;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
}

.main-content ul { 
    list-style: disc; 
    margin-left: -20px;
    padding-top: 2px;
} 

.main-content ol { 
    margin-left: -15px;
    padding-top: 2px;
}

.main-content li { 
    padding-bottom: 7px;
}

img.big {
    width: 400px;
    float: right;
    padding-top: 5px;
    padding-left: 10px;
}

img.file-box {
    width: 200px;   
    }

@media (max-width: 763px) { 
    img.big, img.file-box {
    width: 50%;    
    }
}

@media (max-width: 350px) { 
    img.big, img.file-box {
    visibility: hidden;
    height: 0;
    width: 0;    
    }
}

.rounded {/* for circle photos */
  border-radius: 50% !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

/* FOOTER STYLES */


footer {
    background: #18608d;  
    color: white;
    margin-top: 15px;
}

.row.footer {
  padding: 15px 25px 25px 25px;
}
.contact {
    width: 14em;
    padding-top: 15px;
}

.contact img {
    margin-bottom: -5px;
} 

.funder {
    width: auto;
    padding: 10px;
    padding-bottom: 10px;
    margin: 0;
    text-align: center;
}

.btn.btn-primary {
	background-color: #3ea202;
	font-size: 105%;
	font-weight:500;
	border: none;
    margin-top: 0px;
    padding: 4px 9px 4px 9px;
}

.btn.donate {
    color: #fff;
    background-color: #AE3EEF;
	font-size: 110%;
	font-weight:500;
	border: none;
}

h2.donate {
	color: #000;
    font-size: 105%;
	font-weight:300;
}
.copyright {
  background: #333333;
  font-size: .9em;
  width: 100%;
  text-align: left;
}

.copyright p {
  color: #fff;
  margin: 0;
  padding: 15px;
}

.copyright p a { 
	color: #aaaaaa;
	font-weight:400;
}


@media (max-width: 769px) { 
    .footer, .contact, .funder, .copyright {
      text-align: center;
      margin: 0;
      width: 100%;
}
    .funder {
      margin-top: 30px;
      margin-right: 17px;
    }
}

.isocare-video {
    max-width: 500px;
}

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

/* end FOOTER */



/* end ALL PAGES */




/* HOME PAGE ONLY */

.card {
  text-align: center;
}

.card a {
  text-decoration: none;
}

.card-header {
  color: #fff;
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.3rem;
  padding: 10px 12px;
}
.card-1 .card-header {
  background-color: #b74c63;
}

.card-2 .card-header {
  background-color: #3b9306;
}

.card-3 .card-header {
  background-color: #e77f05;
}

.card-body {
    padding: 7px;
}

.card-body a {
  font-weight: 600;
}