@import url("fonts.css");
/*
Mixin for Media Queries ("breakpoints"). 
Based on this: http://css-tricks.com/media-queries-sass-3-2-and-codekit/
*/
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

strong, b {
  font-weight: bold;
}

i {
  font-style: italic;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  -webkit-text-size-adjust: none;
}

/* Box Model */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: 'Gotham Book', Arial;
  font-size: 13px;
  color: #231F20;
}

a {
  border: none;
  outline: none;
  color: #006CA3;
  text-decoration: none;
}

p {
  padding-bottom: 14px;
  line-height: 24px;
}

ul, ol {
  padding-bottom: 14px;
}

li {
  line-height: 24px;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

.col2 figure.pdf-cover-image {
  float: left;
  clear: none;
  margin-right: 2rem;
}

figure.pdf-cover-image {
  background: #e5e5e5;
  padding: 1rem;
  text-align: center;
  margin-bottom: 1rem;
  clear: both;
}

figure.pdf-cover-image a {
  display: block;
  position: relative;
}

figure.pdf-cover-image img {
  box-shadow: 0 3px 5px #bbb;
}

figure.pdf-cover-image img.plus-button {
  box-shadow: none;
  background: url("/images/plus-button.png") no-repeat bottom right;
  position: absolute;
  bottom: -1.5rem;
  right: -1.5rem;
}

figure.pdf-cover-image p {
  padding: 0rem 0.5rem 1rem;
  line-height: 1.4;
}

h2 {
  font-family: 'Gotham Light', Arial;
  font-size: 50px;
  font-weight: normal;
}

input, textarea {
  font-family: 'Gotham Book', Arial;
  font-size: 13px;
  color: #231F20;
  border: none;
  padding: 15px 20px;
  text-transform: uppercase;
}

input[type="submit"] {
  background: #76daf1;
  cursor: pointer;
  color: #fff;
}

input[type="submit"]:hover {
  background: #0087d1;
}

/* common elements */
.standard-form label {
  font-size: 16px;
  text-transform: uppercase;
  width: 150px;
  display: inline-block;
  vertical-align: top;
}

.standard-form input[type="text"], .standard-form textarea {
  padding: 3px 2px;
  width: 500px;
  max-width: 100%;
  font-size: 16px;
}

.standard-form .form-success {
  margin-left: 150px;
  color: red;
  font-size: 16px;
  margin-bottom: 3px;
}

.white-on-blue .standard-form .form-success {
  color: #fff;
}

.standard-form .error-message {
  margin-left: 150px;
  color: red;
}

.cta-link a::before {
  content: "";
  border-color: #00aae7 #00aae7 transparent transparent;
  border-style: solid;
  border-width: 15.5px 8px 15px 7px;
  height: 0;
  width: 0;
  position: absolute;
  bottom: 0;
  left: -14px;
}

.cta-link a {
  color: #fff !important;
  text-decoration: none;
  text-transform: uppercase;
  background: #00aae7;
  line-height: 24px;
  position: relative;
  padding: 7px 20px 9px 10px;
  margin-left: 15px;
}

.cta-link.white-on-green a::before {
  border-color: #82c341 #82c341 transparent transparent;
}

.cta-link.white-on-green a {
  background: #82c341;
}

.cta-link.white-on-dark-blue a::before {
  border-color: #006ca3 #006ca3 transparent transparent;
}

.cta-link.white-on-dark-blue a {
  background: #006ca3;
}

.cta-link.blue-on-white a::before {
  border-color: #fff #fff transparent transparent;
}

.cta-link.blue-on-white a {
  background: #fff;
  color: #00aae7 !important;
}

.accordion h3 {
  font-size: 20px;
  border-top: 1px solid #231F20;
  padding: 12px 0 !important;
  cursor: pointer;
  outline: none;
}

.accordion p {
  padding-left: 12px;
  padding-right: 12px;
}

.section.white-on-blue .accordion h3,
.section.white-on-dark-blue .accordion h3,
.section.white-on-green .accordion h3 {
  color: #fff;
  border-top: 1px solid #fff;
}

.accordion h3:first-child,
.section.white-on-blue .accordion h3:first-child,
.section.white-on-dark-blue .accordion h3:first-child,
.section.white-on-green .accordion h3:first-child {
  border-top: none;
  padding-top: 0;
}

/* http://codepen.io/jonneal/pen/kptBs */
.ui-accordion-header-icon {
  float: right;
  padding-right: 20px;
}

.ui-accordion-header-icon::before {
  border-style: solid;
  border-width: 0.1em 0.1em 0 0;
  content: '';
  display: inline-block;
  height: 0.6em;
  left: 96%;
  position: relative;
  top: 0.15em;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 0.6em;
}

.ui-accordion-header-icon.ui-icon-triangle-1-e:before {
  left: 96%;
  transform: rotate(45deg);
}

.ui-accordion-header-icon.ui-icon-triangle-1-s:before {
  top: 96%;
  transform: rotate(135deg);
}

.ui-accordion-header-icon.left:before {
  left: 0.25em;
  transform: rotate(-135deg);
}

.jcarousel-wrapper {
  margin: 20px auto;
  position: relative;
  width: 100%;
  height: 350px;
  background: #BCBDC0;
  background: transparent;
}

.jcarousel-wrapper .photo-credits {
  position: absolute;
  right: 15px;
  bottom: 0;
  font-size: 13px;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
  opacity: .66;
}

.jcarousel-wrapper .photo-credits a {
  color: #fff;
}

/** Carousel **/
.jcarousel {
  position: relative;
  overflow: hidden;
}

.jcarousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0 !important;
  padding: 0;
  list-style-type: none !important;
}

.jcarousel li {
  float: left;
  text-align: center;
  position: relative;
}

.jcarousel li img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next {
  position: absolute;
  top: 155px;
  width: 20px;
  height: 41px;
  text-align: center;
  text-indent: -9999em;
}

.jcarousel-control-prev {
  left: 0;
  background: url(../images/carousel-previous.png) no-repeat;
}

.jcarousel-control-next {
  right: 0;
  background: url(../images/carousel-next.png) no-repeat;
}

/*
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}
*/
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
  opacity: .5;
  cursor: default;
}

/** Carousel Pagination **/
.jcarousel-pagination {
  position: absolute;
  bottom: 0;
  left: 15px;
}

.jcarousel-pagination a {
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  line-height: 14px;
  min-width: 14px;
  background: #fff;
  color: #4E443C;
  border-radius: 14px;
  padding: 3px;
  text-align: center;
  margin-right: 2px;
  opacity: .75;
}

.jcarousel-pagination a.active {
  background: #4E443C;
  color: #fff;
  opacity: 1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}

.scroll {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0;
  z-index: 999;
  width: 200px;
  max-height: 400px;
}

.ps-container > .ps-scrollbar-y-rail {
  opacity: 1;
}

/* styled dropdown */
.wrapper-dropdown-1 {
  /* Size and position */
  position: relative;
  /* Enable absolute positionning for children and pseudo elements */
  display: inline-block;
  padding: 5px 25px 5px 0;
  margin: 0 auto;
  /* Styles */
  color: #006CA3;
  font-size: 14px;
  outline: none;
  cursor: pointer;
}

.wrapper-dropdown-1 span {
  text-transform: uppercase;
}

.wrapper-dropdown-1:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-style: solid;
  border-color: transparent #bcbdc0;
}

.wrapper-dropdown-1 .dropdown {
    /* Size & position 
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
	margin: 0;
	z-index: 999;
	*/
  width: 200px;
  /* Styles */
  /* background: #000; */
  background: #c4c4c6;
  list-style: none;
  font-weight: normal;
  /* Cancels previous font-weight: bold; */
  padding: 5px 0;
  /* Hiding */
  opacity: 0;
  pointer-events: none;
}

.wrapper-dropdown-1 .dropdown.scroll {
  z-index: 9999;
}

.wrapper-dropdown-1 .dropdown li a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 0 10px;
}

/* Hover state */
.wrapper-dropdown-1 .dropdown li:hover a, .wrapper-dropdown-1 .dropdown li.active a {
  /* background: #000; */
  color: #82C341;
}

/* Active state */
.wrapper-dropdown-1.active .dropdown {
  opacity: 1;
  pointer-events: auto;
}

.wrapper-dropdown-1.active:after {
  border-color: #bcbdc0 transparent;
  border-width: 6px 6px 0 6px;
  margin-top: -3px;
}

.wrapper-dropdown-1.active {
  /* background: #000; */
}

/* No CSS3 support */
.no-opacity .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
  display: none;
  opacity: 1;
  /* If opacity support but no pointer-events support */
  pointer-events: auto;
  /* If pointer-events support but no pointer-events support */
}

.no-opacity .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
  display: block;
}

.ui-widget-overlay {
  background: #00AAE7;
}

.ui-dialog {
  font-family: 'Gotham Book', Arial;
}

.ui-widget-header {
  border: none;
  background: none;
  height: 24px;
}

.ui-dialog-title {
  display: none;
}

.ui-dialog .ui-dialog-titlebar-close {
  top: 12px;
  outline: none;
}

.ui-dialog .ui-dialog-content {
  color: #c0c0c0;
  padding-bottom: 30px;
}

.ui-dialog h2 {
  font-size: 40px;
  color: #84ba3d;
  padding-bottom: 20px;
}

.page {
  max-width: 1200px;
  margin: 0 auto;
  box-shadow: 0 0 1000px #ddd;
}

.wrapper {
  width: 1200px;
  margin: 0 auto;
}

.inner {
  max-width: 1020px;
  margin: 0 auto;
}

/* header */
#header h1 {
  margin: 14px 0 17px 50px;
  width: 169px;
  float: left;
}

#header h1 a {
  background: url("../images/childrens-tumor-foundation.png") no-repeat;
  background-size: 100%;
  display: block;
  width: 169px;
  height: 85px;
  text-indent: -9999em;
}

#header .desktop-logo img.logo{
    width: 169px;
    display: block;
    float: left;
    margin: 14px 0 17px 50px;
}

#header .mobile-logo{
    display: none;
}

#header .mobile-logo img.logo{
    width: 144px;
    float: left;
    margin: 11px 0 17px 40px;
}

/* main nav */
#header .mobile-nav {
  display: none;
}

#header .main-nav {
  float: right;
  margin-right: 40px;
  text-align: right;
}

/* main level */
.main-nav li {
  display: inline-block;
  position: relative;
  font-size: 13px;
}

.main-nav li a {
  display: inline-block;
  color: #00AAE7;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 10px;
  line-height: 50px;
}

.main-nav li:hover a {
  background: #00AAE7;
  color: #fff;
}

/* cta nav */
.main-nav ul#cta-nav {
  margin-top: 33px;
}

.main-nav ul#cta-nav li a {
  color: #000;
  line-height: normal;
}

.main-nav ul#cta-nav li:hover a {
  background: #fff;
  color: #000;
}
.main-nav ul#cta-nav li:first-child a {
  border-right: 1px solid #000;
}
.main-nav ul#cta-nav li:last-child a {
  background: #006ca3;
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
}

.main-nav li.active a, .main-nav ul#cta-nav li.selected a {
  color: #82C341;
}

/* child level */
.main-nav li ul {
  display: none;
  float: none;
  position: absolute;
  left: 50%;
  z-index: 99;
  padding: 22px 0 25px 20px;
  background: #00aae7;
  text-align: left;
}

.main-nav li ul li {
  display: table-cell;
  color: #006CA3;
  text-transform: uppercase;
  padding-right: 20px;
  vertical-align: top;
  white-space: nowrap;
  font-size: 13px;
}

.main-nav li ul li a {
  line-height: normal;
  padding: 0;
}

.main-nav li:hover ul li a {
  color: #006CA3;
}

.main-nav li ul li a:hover {
  color: #006CA3;
}

/* sub child level - has links */
.main-nav li ul li ul {
  display: table;
  position: relative;
  left: 0;
  width: auto;
  padding: 0;
}

.main-nav li ul li ul li {
  display: block;
  padding-right: 0;
}

.main-nav li:hover ul li ul li a {
  color: #fff;
  line-height: normal;
  text-transform: none;
  padding: 0;
}

.main-nav li ul li ul li a:hover, .main-nav li.active ul li ul li a, .main-nav li ul li ul li.selected a {
  color: #fff;
}

/* content pages */
.banner {
  display: table;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.banner:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.banner-copy {
  display: table-cell;
  width: 50%;
  width: 600px;
  vertical-align: top;
  padding: 50px 90px 30px 90px;
  color: #fff;
  font-size: 20px;
}
@media (max-width: 640px) {
  .banner-copy {
    width: 100%;
    max-width: 100%;
    float: left !important;
  }
}

.banner-copy a {
  color: #fff;
  text-decoration: none;
}

.banner-copy h2 {
  color: #006CA3;
  font-family: 'Gotham Book', Arial;
  font-family: 'Gotham XLight', Arial;
  font-size: 50px;
  padding-bottom: 40px;
  text-transform: uppercase;
}

.banner-copy h2 b {
  font-family: 'Gotham Bold', Arial;
}

.banner-copy ul {
  list-style-type: none;
}

.banner-copy li {
  /*padding-bottom: 20px;*/
  padding-bottom: 10px;
  line-height: 22px;
}

.banner .wrapper {
  display: table;
}

.banner-img {
  display: table-cell;
  width: 50%;
  max-width: 600px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-img img {
  width: 100%;
  max-width: 600px;
  max-height: 400px;
}

.info-page .section {
  padding: 70px 0 60px 0;
}

.info-page .paginate.section {
  padding: 20px 10px;
  overflow: hidden;
}

.info-page .section .inner {
  position: relative;
}

.info-page .section .section-menu {
  float: right;
  padding-top: 10px;
  position: relative;
}

.info-page .section .section-menu .fa {
  font-size: 30px;
  color: #d1d2d4;
}

.info-page .section.white-on-blue .section-menu .fa, .info-page .section.white-on-dark-blue .section-menu .fa, .info-page .section.white-on-green .section-menu .fa {
  color: #fff;
}

.info-page .section-menu-popup {
  display: none;
  position: absolute;
  right: -9px;
  top: 6px;
  width: 260px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.info-page .section-menu-popup .fa {
  position: absolute;
  right: 9px;
  top: 3px;
  color: #bcbdc0 !important;
}

.info-page .section-menu-popup ul {
  padding: 15px 20px;
}

.info-page .section-menu-popup a {
  color: #00aae7;
  text-decoration: none;
}

.info-page .section-menu-popup li.active a {
  color: #000;
}

.info-page .section .section-menu:hover .section-menu-popup {
  display: block;
}

.info-page .section h2 {
  font-family: 'Gotham Light', Arial;
  color: #00AAE7;
  font-size: 50px;
  padding-bottom: 60px;
}

.info-page .section h2 a {
  color: #00AAE7;
}

.info-page .section h3 {
  font-family: 'Gotham Light', Arial;
  color: #00AAE7;
  font-size: 30px;
  padding-bottom: 40px;
}

.info-page .paginate.section h3 {
  padding-bottom: 0;
}

.info-page .section h3 a {
  color: #00AAE7;
}

.info-page .paginate.section h3{
    float: left;
}

.info-page .paginate.section h3 + h3{
    float: right;
}

.section.blue-on-white h2, .section.blue-on-white h2 a,
.section.blue-on-white h3, .section.blue-on-white h3 a,
.blue-on-white h3, .blue-on-white h3 a {
  color: #00AAE7;
}

.section.white-on-blue {
  background: #00aae7;
}

.section.white-on-blue h2, .section.white-on-blue h2 a,
.section.white-on-blue h3, .section.white-on-blue h3 a,
.section.white-on-blue p {
  color: #fff;
}

.section.white-on-dark-blue {
  background: #176da5;
}

.section.white-on-dark-blue h2, .section.white-on-dark-blue h2 a,
.section.white-on-dark-blue h3, .section.white-on-dark-blue h3 a,
.section.white-on-dark-blue p {
  color: #fff;
}

.section.white-on-green {
  background: #82c341;
}

.section.white-on-green h2, .section.white-on-green h2 a,
.section.white-on-green h3, .section.white-on-green h3 a,
.section.white-on-green p {
  color: #fff;
}

.section.green-on-white h2, .section.green-on-white h2 a,
.section.green-on-white h3, .section.green-on-white h3 a {
  color: #82C341;
}

.section.green-on-blue {
  background: #00aae7;
}

.section.green-on-blue h2, .section.green-on-blue h2 a,
.section.green-on-blue h3, .section.green-on-blue h3 a {
  color: #82C341;
}

.section.green-on-white .blue-on-white h3, .section.green-on-white .blue-on-white h3 a {
  color: #00AAE7;
}

.section.blue-on-blue {
  background: #006ca3;
}

.section.blue-on-blue .home-section-copy {
  color: #00aae7;
}

.section .col1 {
  padding-right: 40px;
  padding-bottom: 60px;
}

.section.full .inner {
  padding-bottom: 60px;
}

.section.full .col1 {
  padding: 0;
}

.section .col1 ul, .section .col2 ul {
  list-style-type: disc;
  margin-left: 17px;
}

/* 33:66 */
.home-section.threethree-sixsix .col1,
.section.threethree-sixsix .col1 {
  float: left;
  width: 33%;
}

.home-section.blue-on-white.threethree-sixsix .col1,
.section.blue-on-white.threethree-sixsix .col1 {
  color: #006CA3;
}

.home-section.threethree-sixsix .col2,
.section.threethree-sixsix .col2 {
  float: left;
  width: 66%;
}

/* 50:50 */
.home-section.fifty-fifty .col1, .fifty-fifty .col2,
.section.fifty-fifty .col1, .fifty-fifty .col2 {
  float: left;
  width: 50%;
}

/* 66:33 */
.home-section.sixsix-threethree .col1,
.section.sixsix-threethree .col1 {
  float: left;
  width: 66%;
}

.home-section.sixsix-threethree .col2,
.section.sixsix-threethree .col2 {
  float: left;
  width: 33%;
}

.info-page .top-link {
  position: absolute;
  bottom: 25px;
  left: 0;
}

.info-page .top-link a {
  display: block;
  width: 42px;
  height: 41px;
  background: url(../images/top.png) no-repeat;
  text-indent: -9999em;
}

.info-page .section.white-on-blue .top-link a {
  background: url(../images/top-white-on-dark-blue.png) no-repeat;
}

.info-page .section.white-on-dark-blue .top-link a {
  background: url(../images/top-white-on-blue.png) no-repeat;
}

.info-page .section.white-on-green .top-link a {
  background: url(../images/top-gray-on-white.png) no-repeat;
}

/* home page */
.home-section {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.home-section-copy {
  color: #fff;
  padding-top: 70px;
}

.green-on-white .home-section-copy {
  color: #231F20;
}

.home-section-copy h2 {
  padding-bottom: 50px;
}

.home-section:first-child .cta a::before {
  border-width: 16.5px 8px 17px 7px;
  left: -15px;
}

.home-section:first-child .cta a {
  font-size: 16px;
  line-height: 30px;
}

.home-section h3 {
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 14px;
}

.home-section .col1 a, .home-section .com2 a {
  color: #fff;
  text-decoration: none;
}

.home-section .col1 a:hover, .home-section .com2 a:hover {
  text-decoration: underline;
}

#home-section-affects .home-section-copy {
  padding-top: 85px;
}

#home-section-affects h2 {
  font-size: 60px;
}

#home-section-affects .cta-link {
  margin-left: 150px;
}

#home-section-mission .col2 {
  text-align: right;
}

#home-section-mission .col2 a {
  margin-left: 10px;
}

#home-section-heros .home-section-copy {
  text-align: right;
  padding-top: 45px;
}

#home-section-heros .home-section-copy h2 {
  font-weight: bold;
  padding-bottom: 20px;
  font-family: 'Gotham', Arial;
  font-size: 40px;
  color: #006ca3;
  padding-left: 70%;
}
@media (max-width: 1200px) {
  #home-section-heros .home-section-copy h2 {
    padding-left: 0;
  }
}

#home-section-heros {
  background-position: 0 0;
  background-color: white !important;
}
@media (max-width: 1200px) {
  #home-section-heros {
    background: transparent !important;
  }
}
#home-section-heros h2 {
  color: #006ca3;
}

#home-section-synodos .home-section-copy {
  padding-left: 250px;
}

#home-section-fundraising-programs .home-section-copy h2 {
  padding-bottom: 20px;
}

#home-section-fundraising-programs .col1 p, #home-section-fundraising-programs .col1 li {
  font-size: 20px;
  line-height: 30px;
}

#home-section-fundraising-programs .cta-link {
  margin-left: 150px;
}

#home-section-news .home-section-copy h2 {
  padding-bottom: 34px;
}

#home-section-news .col1 p, #home-section-news .col1 li {
  font-size: 20px;
  line-height: 30px;
  color: #BCBDC0;
}

#home-section-news .col1 ul {
  list-style-type: none;
  margin: 0;
}

#home-section-news .col1 ul li {
  margin-top: 10px;
  border-top: 1px solid #BCBDC0;
  padding-top: 10px;
}

#home-section-news .col1 ul li:first-child {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}

#home-section-news .col1 a {
  color: #BCBDC0;
  text-decoration: none;
}

#home-section-news .cta-link {
  text-align: right;
}

#home-section-news .news-list-view{
    overflow: hidden;
    padding-bottom: 60px;
}

#home-section-news .news-list-view .meta{
    display: block;
    color: #d1d2d4;
    margin-bottom: 14px;
}

#home-section-news .news-list-view .meta a{
    color: #d1d2d4;
}

#home-section-news .news-list-view a{
    color: #006ca3;
}

#home-section-news .news-list-view .row{
    margin-top: 80px;
}

#home-section-news .news-list-view .row:first-child{
    margin-top: 0;
}

#home-section-news .news-list-view .row .thumbnail img{
    max-width: 100%;
    margin: 0 auto 24px auto;
    display: block;
}

#home-section-synodos {
    padding-bottom: 30px;
}

.gi-upcoming {
    padding-top: 40px;
}

.section.where-the-money-goes img,
.section.where-money-goes img {
  width: 100%;
}

iframe.youtube {
  width: 100%;
}

@media (min-width: 800px){
    iframe.youtube {
      width: 50%;
    }

    #home-section-news .news-list-view .row{
        width: 100%;
        display: table;
    }
    #home-section-news .news-list-view .row .thumbnail{
        display: table-cell;
        width: 25%;
        padding-right: 42px;
        vertical-align: top;
    }
    #home-section-news .news-list-view .row .thumbnail img{
        max-width: 100%;
        margin: 0;
    }
    #home-section-news .news-list-view .row .text{
        display: table-cell;
        vertical-align: top;
    }

    #home-section-synodos {
        padding-bottom: 0px;
    }

    .section.where-the-money-goes img,
    .section.where-money-goes img {
      width: 50%;
    }
}



#home-section-news .jcarousel-wrapper {
  margin-top: 0;
}

#home-section-email.section.full .inner {
  padding-bottom: 0;
}

#home-section-email .home-section-copy {
  padding-top: 14px;
}

#home-section-email h3 {
  display: inline-block;
}

#homepage-email {
  display: inline-block;
}

.round-buttons {
  float: right;
}
@media (max-width: 1200px) {
  .round-buttons {
    text-align: center;
  }
}

.donate-button {
  margin-top: -6rem;
}
@media (max-width: 1200px) {
  .donate-button {
    margin-top: 1rem;
  }
}

/* get involved */
.get-involved .banner-copy, .event-page .banner-copy {
  display: block;
  width: 100%;
  padding: 300px 0 30px 50%;
}

.get-involved .banner-copy h2, .event-page .banner-copy h2, .staff .banner-copy h2 {
  color: #fff;
}

.gi-copy, .gi-cta, .gi-subscribe, .gi-map, .nf-events-past-media, .nf-event-details {
  display: inline-block;
  float: left;
  width: 50%;
}

.info-page .section.gi-copy {
  padding-right: 20px;
  padding-left: 90px;
}

.cta-green {
  background: #82b93b url(../images/bg-cta-green.gif) no-repeat center center;
}

.cta-blue {
  background: #1ba9e1 url(../images/bg-cta-blue.gif) no-repeat center center;
}

.shortcut-icons img {
  max-width: 80px;
}

.gi-cta-type {
  display: inline-block;
  float: left;
  width: 50%;
  height: 180px;
  padding: 25px 0 40px 15%;
}

.gi-cta-type a {
  text-decoration: none;
  outline: none;
  color: #231F20;
}

.gi-cta-type h3 {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}

.gi-cta-type h3 a {
  color: #fff;
}

.gi-subscribe {
  background: #39638e;
  padding: 30px 0 30px 25px;
  position: relative;
}

.gi-subscribe-copy {
  float: left;
  width: 200px;
  margin-right: 10px;
  color: #559fce;
  font-size: 14px;
  font-weight: bold;
}

.gi-subscribe-form {
  float: left;
  width: 230px;
  margin-top: 10px;
}

#homepage-email input[type="text"], .gi-subscribe-form input[type="text"] {
  background: none;
  padding: 0;
  border-bottom: 2px solid #5299c8;
  width: 100%;
  color: #fff;
  outline: none;
  font-size: 16px;
  padding: 0 2px 8px 2px;
  margin-bottom: 6px;
}

#homepage-email input[type="text"] {
  border-bottom: 2px solid #00aae7;
  width: 250px;
  display: inline-block;
  margin-left: 40px;
}

#homepage-email .cta-wrap {
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 10px;
}

#homepage-email input[type="text"]::-webkit-input-placeholder, .gi-subscribe-form input[type="text"]::-webkit-input-placeholder {
  color: #fff;
}

#homepage-email input[type="text"]:-moz-placeholder, .gi-subscribe-form input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

#homepage-email input[type="text"]::-moz-placeholder, .gi-subscribe-form input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

#homepage-email input[type="text"]:-ms-input-placeholder, .gi-subscribe-form input[type="text"]:-ms-input-placeholder {
  color: #fff;
}

#homepage-email input[type="text"].error::-webkit-input-placeholder, .gi-subscribe-form input[type="text"].error::-webkit-input-placeholder {
  color: red;
}

#homepage-email input[type="text"].error:-moz-placeholder, .gi-subscribe-form input[type="text"].error:-moz-placeholder {
  /* Firefox 18- */
  color: red;
}

#homepage-email input[type="text"].error::-moz-placeholder, .gi-subscribe-form input[type="text"].error::-moz-placeholder {
  /* Firefox 19+ */
  color: red;
}

#homepage-email input[type="text"].error:-ms-input-placeholder, .gi-subscribe-form input[type="text"].error:-ms-input-placeholder {
  color: red;
}

#homepage-email input[type="submit"], .gi-subscribe-form input[type="submit"] {
  background: none;
  padding: 0;
  outline: none;
}

.gi-subscribe-form .cta-link {
  position: relative;
  float: right;
}

#homepage-email .cta-link {
  position: relative;
}

#homepage-email .cta-link {
  display: inline-block;
}

#homepage-email .cta-link::before, .gi-subscribe-form .cta-link::before {
  content: "";
  border-color: #00aae7 #00aae7 transparent transparent;
  border-style: solid;
  border-width: 15.5px 8px 15px 7px;
  height: 0;
  width: 0;
  position: absolute;
  bottom: 0;
  left: -14px;
  border-color: #82c341 #82c341 transparent transparent;
}

#homepage-email .cta-link input[type="submit"], .gi-subscribe-form .cta-link input[type="submit"] {
  color: #fff !important;
  text-decoration: none;
  text-transform: uppercase;
  background: #00aae7;
  line-height: 24px;
  position: relative;
  padding: 3px 20px 3px 10px;
  background: #82c341;
}

.gi-subscribe-social {
  position: absolute;
  top: 20px;
  right: 12px;
  width: 27px;
}

.gi-subscribe-social a {
  margin-bottom: 8px;
  display: block;
}

.get-involved #map_base svg {
  height: 450px;
}

.gi-upcoming .section {
  padding-top: 0;
  padding-bottom: 30px;
}

.gi-upcoming .event-item, .dialog .event-item {
  color: #65b6de;
  border-top: 1px solid #d4d3d3;
  padding: 10px 0 12px 0;
  margin-right: 70px;
}

.gi-upcoming .event-item:first-of-type, .dialog .event-item:first-of-type {
  border-top: none;
  padding-top: 0;
}

.gi-upcoming .event-item-title, .dialog .event-item-title {
  color: #bfbfbf;
  font-size: 14px;
  padding-bottom: 2px;
}

.gi-upcoming .event-item a, .dialog .event-item a {
  color: #bfbfbf;
  text-decoration: none;
}

.gi-upcoming .event-item a:hover, .dialog .event-item a:hover {
  text-decoration: underline;
}

.gi-upcoming .event-item p, .dialog .event-item p {
  padding: 0;
  line-height: normal;
}

.gi-upcoming .cta-link {
  text-align: right;
  margin-right: 70px;
  margin-top: 10px;
}

.get-involved .resources .col1 {
  position: relative;
}

.get-involved .resources.section.white-on-green .col1 p a {
  color: #fff;
}

.get-involved .resources.section.white-on-green .col1 a#link-artwork {
  color: #fff;
  text-transform: uppercase;
  line-height: 24px;
  position: absolute;
  bottom: 50px;
}

.get-involved #dialog-team .team-member, .get-involved #dialog-fundraising .team-member {
  margin-top: 12px;
  margin: 2rem 0;
}

.get-involved #dialog-team .team-member:first-of-type, .get-involved #dialog-fundraising .team-member:first-of-type {
  margin-top: 0;
}

.get-involved #dialog-team .team-member-img, .get-involved #dialog-fundraising .team-member-img {
  float: left;
  display: block;
  width: 145px;
  margin-right: 20px;
}

.get-involved #dialog-team .team-member-info, .get-involved #dialog-fundraising .team-member-info {
  float: left;
  display: block;
  width: calc( 100% - 165px );
  padding-top: 40px;
  padding: 0;
}

.get-involved #dialog-team .team-member-name {
  font-size: 16px;
}

.staff .dialog h2 {
  padding-top: 15px;
  padding-bottom: 6px;
}

.get-involved #dialog-team .team-member-title {
  color: #66b7dd;
  text-transform: uppercase;
  padding-bottom: 4px;
}

.staff .dialog .staff-title {
  font-size: 24px;
  padding-bottom: 6px;
}

.staff .dialog .staff-meta {
  margin-bottom: 12px;
}

.get-involved #dialog-team .team-member-location {
  padding-bottom: 8px;
}

.staff .dialog .staff-location {
  float: left;
  line-height: 43px;
  background: url(../images/staff-location.gif) no-repeat left center;
  padding-left: 45px;
  width: 180px;
}

.get-involved #dialog-team .team-member-email {
  background: url(../images/gi-email.gif) no-repeat left center;
  float: left;
  line-height: 30px;
  padding-left: 45px;
  width: 250px;
}

.get-involved #dialog-team .team-member-email a {
  color: #c0c0c0;
  text-decoration: none;
  outline: none;
}

.staff .dialog .staff-email {
  float: left;
  line-height: 43px;
  background: url(../images/staff-email.gif) no-repeat left center;
  padding-left: 60px;
  width: 230px;
}

.staff .dialog .staff-email a {
  color: #c0c0c0;
  text-decoration: none;
  outline: none;
}

.get-involved #dialog-team .team-member-phone {
  background: url(../images/gi-phone.gif) no-repeat left center;
  float: left;
  line-height: 30px;
  padding-left: 30px;
}

.staff .dialog .staff-phone {
  float: left;
  line-height: 43px;
  background: url(../images/staff-phone.gif) no-repeat left center;
  padding-left: 45px;
  width: 150px;
}

.staff .dialog a{
    color: #c0c0c0;
}

.get-involved .dialog #zip-form {
  padding: 0 0 30px 0;
}

.get-involved .dialog #zip-form input[type="text"] {
  border: 2px solid #e3e3e2;
  outline: none;
}

.get-involved .dialog input[type="submit"] {
  width: 150px;
  padding-top: 17px;
  padding-bottom: 17px;
}

.get-involved .dialog #zip-form .more-link a {
  color: #65b6de;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: none;
}

.get-involved .dialog #zip-form .more-link a:hover {
  text-decoration: none;
}

.get-involved .dialog h3 {
  color: #84ba3d;
  font-size: 16px;
  padding-bottom: 18px;
}

.get-involved .dialog .event-item-sign-up {
  float: right;
  margin-top: -25px;
  background: url(../images/gi-sign-up.gif) no-repeat;
  line-height: 25px;
  padding-left: 35px;
}

.get-involved .dialog .event-item-sign-up a {
  color: #84ba3d;
  text-transform: uppercase;
}

.get-involved .dialog .event-item-sign-up a:hover {
  text-decoration: none;
}

.get-involved .dialog .more-events-near-you {
  padding-top: 18px;
}

.get-involved .dialog .more-events-near-you h3 {
  color: #65b6de;
  font-size: 24px;
  padding-bottom: 2px;
  font-style: italic;
}

.get-involved .dialog .more-events-near-you .more-link a {
  color: #84ba3d;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: none;
}

.get-involved .dialog .more-events-near-you .more-link a:hover {
  text-decoration: none;
}

.get-involved #dialog-volunteer .event-item-sign-up {
  background: none;
  padding-left: 0;
}

.get-involved #dialog-donate #donate-info h3 {
  color: #c0c0c0;
}

.get-involved #dialog-donate #donate-info p {
  font-style: italic;
}

.get-involved #dialog-donate .event-item-sign-up {
  background: url(../images/gi-dialog-donate.gif) no-repeat;
}

.get-involved #dialog-fundraising .team-member-info {
  padding-top: 0;
}

.get-involved #dialog-fundraising .fundraising-title {
  color: #65b6de;
  padding-bottom: 0;
}

.get-involved #dialog-fundraising ul {
  list-style-type: disc;
  margin-left: 17px;
}

.get-involved .dialog .accordion h3 {
  color: #c0c0c0;
  border-top: 1px solid #659ec6;
}

.get-involved .dialog .accordion h3:first-child {
  border-top: none;
}

.get-involved .dialog .accordion .ui-accordion-header-icon {
  color: #146ca9;
}

.get-involved .dialog .sma-item {
  display: block;
  float: left;
  width: calc( 33% - 20px );
  margin: 0 20px 10px 0;
}

.get-involved .dialog .sma-item a {
  display: block;
  position: relative;
}

.get-involved .dialog .sma-item a .plus-button {
  position: absolute;
  right: -1rem;
  bottom: -0.5rem;
}

.info-page .section.section-with-image {
  display: table;
  width: 100%;
  padding: 0;
}

.section-img {
  display: table-cell;
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.get-involved .section-img {
  width: 33%;
}

.section-img img {
  width: 100%;
}

.section-copy {
  display: table-cell;
  width: 50%;
}

.get-involved .section-copy {
  width: 66%;
}

.info-page .section.section-copy {
  padding-left: 80px;
  padding-right: 40px;
}

.info-page .section-copy .top-link {
  left: 80px;
  bottom: 25px;
}

.section-copy:after {
  content: '';
  display: block;
  clear: both;
}


/* video library */

.video-library{
    overflow: hidden;
    max-width: 580px;
}

.video-library .video-wrapper{
    overflow: hidden;
    margin-bottom: 14px;
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video-library .video-wrapper iframe{
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-library .video-block
{
    position: relative;
    float: left;
    max-width: 270px;
    margin: 0 10px 14px 0;
}

.video-library .video-block .resources-video-title{
    display: block;
    color: #fff;
    margin: 4px 0;
}

.video-library .video-block .icon{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 4em;
    margin-left: -24px;
    margin-top: -38px;
    color: #fff;
}

@media (max-width: 800px){
    .video-library{
        padding-top: 20px;
    }

    .main-nav ul#cta-nav li:last-child a {
      border-radius: 0px;
    }
}

/* calendar of events */
#calendar .banner {
  background-position: center top;
}

@media (max-width: 640px) {
  #calendar .banner-copy {
    width: 100%;
  }
}

#calendar .banner-copy h2 {
  color: #fff;
}
@media (max-width: 700px) {
  #calendar .banner-copy h2 {
    font-size: 2rem;
  }
}
@media (max-width: 640px) {
  #calendar .banner-copy h2 {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 1199px) {
  #event-spotlight {
    display: none;
  }
}

.info-page #event-spotlight.section {
  padding: 0;
}

#event-spotlight.section .col1 {
  padding-bottom: 0;
}

#event-spotlight .jcarousel-wrapper {
  margin: 0 auto;
}

#event-spotlight .col1 .jcarousel-wrapper {
  background: none;
  height: auto;
}

#event-spotlight .col1 .jcarousel li {
  text-align: left;
}

#event-spotlight .col1 .cta-link {
  /*
  margin-left: 150px;
  */
  float: right;
}

#event-spotlight .col2 .jcarousel-wrapper {
  height: 450px;
}

#event-spotlight .jcarousel-control-prev, #event-spotlight .jcarousel-control-next {
  top: 204px;
}

#calendar .wrapper .section:first-of-type {
  padding-top: 70px;
  padding-bottom: 60px;
}

#calendar .wrapper .section:first-of-type h3 {
  padding-bottom: 10px;
}

#calendar .wrapper-dropdown-1 {
  margin-right: 50px;
}

.calendar-month {
  float: right;
  margin-top: -40px;
  text-align: right;
}

@media (max-width: 600px){
	.calendar-month{
		float: none;
		margin-top: 18px;
	}
}

.calendar-month h3 {
  font-family: 'Gotham', Arial;
  font-size: 40px;
  font-weight: bold;
  color: #82C341;
}

#calendar-month-prev, #calendar-month-next {
  display: inline-block;
  text-align: left;
  width: 26px;
  height: 26px;
  text-indent: -9999em;
}

#calendar-month-prev {
  background: url(../images/calendar-month-prev.gif) no-repeat;
}

#calendar-month-next {
  background: url(../images/calendar-month-next.gif) no-repeat;
}

.calendarBG td {
  font-family: 'Gotham', Arial;
  font-size: 12px;
  color: #BCBDC0;
  background: #f1f1f2;
  border: 3px solid #fff;
  width: 14%;
  padding: 9px 11px;
  height: 100px;
}

.calendarBG td span {
  font-size: 18px;
  color: #BCBDC0;
  padding-bottom: 9px;
}

/* this month's days */
.calendarBG td.current {
  background: #e7e7e8;
}

/* today */
.calendarBG td.today {
  background: #fff;
}

.calendarBG td.today span {
  color: #82C341;
}

/* events */
.calendarBG td.event {
  background: #00aae7;
}

.calendarBG td.event span {
  color: #006CA3;
}

.calendarBG td.event li {
  line-height: normal;
  padding-top: 5px;
  border-bottom: 1px dotted #116da5;
  padding: 5px 0;
}

.calendarBG td.event a {
  color: #fff;
  text-decoration: none;
}

/* events on today */
.calendarBG td.today.event {
  background: #fff;
}

.calendarBG td.today.event span {
  color: #82C341;
}

.calendarBG td.today.event a {
  color: #00aae7;
  text-decoration: none;
}

.info-page .section.cant-find {
  padding-top: 40px;
  font-family: 'Gotham Light', Arial;
  color: #00AAE7;
  font-size: 20px;
  padding-bottom: 40px;
}

.info-page .section.cant-find li {
  display: inline;
  margin-left: 30px;
}

.info-page .section.cant-find li:first-child {
  margin-left: 0;
}

.info-page .section.cant-find a {
  color: #00AAE7;
  text-decoration: none;
}

/* find an event */
@media (max-width: 640px) {
  #find-events .banner-copy {
    width: 100%;
  }
}

#find-events .banner-copy h2 {
  color: #fff;
}

#find-events .wrapper .section:first-of-type {
  padding: 70px 0 60px;
}

#find-events .wrapper .section:first-of-type h3 {
  padding-bottom: 10px;
}

#find-events .wrapper-dropdown-1 {
  margin-right: 50px;
}

#zip-form {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  padding: 50px 90px 30px 0;
  font-size: 20px;
}

#zip-form input[type="text"] {
  width: 395px;
  margin-right: 8px;
  margin-bottom: 12px;
}

.result-list {
  float: left;
  width: 31%;
  margin-right: 3%;
  /* perfect scrollbar */
  position: relative;
  height: 600px;
}

.result-list .scroll {
  max-height: 600px;
  width: 100%;
  top: 0;
}

.result-list-event {
  padding: 20px;
  border-bottom: 1px solid #dfe3e2;
  margin-right: 20px;
}

.result-list-event:first-child {
  border-top: 1px solid #dfe3e2;
}

.result-list-event-number {
  float: left;
  display: block;
  width: 20%;
}

.result-list-event-number div {
  background: #63aacd;
  color: #fff;
  width: 25px;
  text-align: center;
  line-height: 24px;
}

.result-list-event-details {
  float: left;
  display: block;
  width: 80%;
  line-height: 16px;
}

.result-list-event-title {
  font-weight: bold;
}

.result-list-event-date {
  font-weight: bold;
  margin-bottom: 9px;
}

.result-list-event-location {
  font-weight: bold;
}

.result-list-event-distance {
  font-style: italic;
}

.result-list-event-url a {
  text-decoration: none;
}

#map {
  float: right;
  width: 66%;
  height: 600px;
  border: 2px solid #dfe3e2;
}

.gm-style #content {
  width: 200px;
  height: 100px;
}

.gm-style .result-list-event-details {
  padding-top: 7px;
}

/* event details */
.section.blue-on-white.nf-event h3 {
  color: #176da5;
  font-size: 45px;
  line-height: 60px;
}

.nf-event p {
  color: #1ba9e1;
  font-size: 15px;
}

.nf-events-past-media {
  background: #196da4;
}

.info-page .section.nf-event-details {
  padding-left: 60px;
  padding-right: 60px;
}

.nf-event-details-info {
  color: #bdbec1;
  font-size: 18px;
  margin-top: 10px;
  border-top: 1px solid #d2d3d5;
  padding-top: 10px;
}

.nf-event-details .nf-event-details-info:first-of-type {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}

.nf-event-details-info-copy {
  margin-top: 4px;
  font-size: 13px;
  color: #36bced;
  text-transform: uppercase;
}

.nf-events-past-media .gi-cta-type {
  padding-left: 40px;
  height: auto;
  padding-bottom: 25px;
}

.nf-events-past-media .gi-cta-type img {
  float: left;
  margin-right: 20px;
}

.nf-events-past-media .gi-cta-type .cta-link {
  margin-top: 25px;
}

.event-page #map, .clinic #map {
  width: 100%;
  height: 400px;
}

.event-page .event-image{
    padding: 30px 0;
    clear: both;
}

.clinic-details {
  width: 100%;
}

table.clinic-details tr {
  display: block;
  border-top: 1px solid #ccc;
  padding: 0.5rem 0;
}

table.clinic-details td:first-child {
  width: 10rem;
  color: #00AAE7;
  padding-right: 1rem;
}

/* news / blog */
#news .banner-copy h2 {
  color: #fff;
}

.info-page .section.news-item h2 {
  padding-bottom: 0;
}

#news .section.full .inner {
  padding-bottom: 0;
}

.news-item-img {
  width: 25%;
}

.news-item .news-item-img {
  margin-top: -70px;
  margin-bottom: -60px;
}

.news-item-img-left {
  float: left;
  margin-right: 40px;
}

.news-item-img-right {
  float: right;
  margin-left: 40px;
}

.news-item-content {
  display: block;
  width: calc( 75% - 40px );
}

.news-item-content-left {
  float: left;
}

.news-item-content-right {
  float: right;
}

.news-item-meta {
  padding-top: 14px;
  padding-bottom: 14px;
  line-height: 24px;
  color: #d1d2d4;
}

.news-item-meta a {
  color: #d1d2d4;
  text-decoration: none;
}

.news-item-meta a:hover {
  text-decoration: underline;
}

.news-page.info-page .section h2 {
  padding-bottom: 0;
}

/* filter */
.filter-section {
  padding: 50px 90px 30px 90px;
}
.filter-section h2 {
  color: #00AAE7;
  font-size: 24px;
  margin-bottom: 20px;
}
.filter-section ul li {
  list-style: none;
  display: inline-block;
  text-transform: uppercase; 
  position: relative;
}
.filter-section input[type="text"] {
  border: #E4E4E4 1px solid;
}
.filter-section select {
  border: #E4E4E4 1px solid;
  background: #fff;
  font-family: 'Gotham Book', Arial;
  font-size: 13px;
  border: none;
  color: #4796bf;
  padding: 15px 20px;
  text-transform: uppercase;

  -webkit-appearance: none;
  appearance: none;
}
.filter-section ul li:not(:last-child):after {
  content: "\f0da";
  display: inline-block;
  font-family: "FontAwesome";
  color: #BDBCC0;
  padding: 0 20px;
  position: absolute;
  top: 10px;
  right: 0;
}

/* find a doctor */
.info-page .section.search-nf-clinics h2 {
  padding-bottom: 40px;
}

.info-page .search-nf-clinics.section h3 {
  padding-bottom: 25px;
}

#find-doctor .wrapper-dropdown-1 {
  margin-right: 25px;
}

h3.dr-results {
  padding-top: 30px !important;
  color: #84ba3d !important;
  font-size: 16px !important;
  padding-bottom: 18px !important;
}

.find-doctor-results .doctor-item {
  color: #65b6de;
  border-top: 1px solid #d4d3d3;
  padding: 10px 0 12px 0;
}

.find-doctor-results .doctor-item:first-of-type {
  border-top: none;
  padding-top: 0;
}

.find-doctor-results .doctor-item-title {
  color: #bfbfbf;
  font-size: 14px;
  padding-bottom: 2px;
}

.find-doctor-results .doctor-item a {
  color: #bfbfbf;
  text-decoration: none;
}

.find-doctor-results .doctor-item a:hover {
  text-decoration: underline;
}

.find-doctor-results .doctor-item p {
  padding: 0;
  line-height: normal;
}

.find-doctor-results .doctor-item-sign-up {
  float: right;
  margin-top: -25px;
  line-height: 25px;
}

.find-doctor-results .doctor-item-sign-up a {
  color: #84ba3d;
  text-transform: uppercase;
}

.find-doctor-results .doctor-item-sign-up a:hover {
  text-decoration: none;
}

/* our nf heroes */
#heroes .banner-copy h2 {
  color: #fff;
}

.hero-summary-list .col1, .staff-summary-list .col1 {
  margin-right: -50px;
}

.hero-summary-list .hero-summary, .staff-summary-list .staff-summary {
  float: left;
  width: calc( 33% - 50px );
  margin-right: 50px;
  margin-bottom: 30px;
  position: relative;
}

.hero-summary-list .hero-img {
  max-height: 300px;
  overflow: hidden;
  text-align: center;
}

.staff-summary-list .staff-img {
  height: 200px;
  overflow: hidden;
  text-align: center;
}

.hero-summary-list .hero-summary img {
  width: 100%;
}

.staff-summary-list .staff-summary img {
  height: 100%;
}

.hero-summary-list .hero-name, .staff-summary-list .staff-info {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  width: 99%;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
}

.staff-summary-list .staff-info {
  line-height: 18px;
  padding: 15px 0;
}

.staff-summary-list .staff-name {
  text-transform: uppercase;
}

.staff-summary-list .staff-title {
  font-size: 12px;
}

.hero-summary-list .hero-link, .staff-summary-list .staff-link {
  position: absolute;
  bottom: -12px;
  right: -12px;
  background: #82b93b;
  border-radius: 50%;
}

.hero-summary-list .hero-link a, .staff-summary-list .staff-link a {
  display: block;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-weight: bold;
  font-size: 28px;
}

#heroes .ui-dialog-content img {
  width: 100%;
  padding-bottom: 20px;
}

#heroes .ui-dialog-content p {
  color: #00aae7;
}

#heroes .ui-dialog-content b, #heroes .ui-dialog-content strong {
  color: #c0c0c0;
  font-size: 16px;
}

#resources .section.branding td {
  vertical-align: middle;
}

/* footer */
#footer {
  font-family: Gotham, Arial;
  font-size: 12px;
  background-color: #dcddde;
  padding: 50px 0 35px 0;
  color: #818284;
}

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

#footer a:hover {
  text-decoration: underline;
}

#footer a.sitename {
  color: #006CA3;
  text-decoration: none;
  text-transform: uppercase;
}

#footer a.sitename:hover {
  text-decoration: none;
}

.footer-col1 {
  float: left;
  width: 40%;
}

.footer-col2 {
  float: left;
  width: 40%;
  text-align: center;
  margin-top: 17px;
}

.footer-col3 {
  float: left;
  width: 20%;
  text-align: right;
}

#footer ul {
  padding-bottom: 0;
}

#footer li {
  display: inline-block;
  margin: 0 5px;
  max-width: 50px;
}

/*show main nav if collapsed*/
@media only screen and (min-width: 800px){
    #header .main-nav{
        display: block !important;
    }
    .main-nav li:hover ul {
      display: table;
    }
}

@media only screen and (max-width: 1200px) {
  .wrapper {
    width: 100%;
  }

  .inner {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .info-page .top-link {
    left: 10px;
  }

  /* main level */
  .main-nav ul#cta-nav {
    margin-top: 20px;
  }

  .main-nav li a {
    line-height: 40px;
  }

  .banner-copy {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  .filter-section {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 1005px) {
  #header h1 {
    margin: 11px 0 17px 40px;
    width: 48px;
  }

  #header h1 a {
    background: url("../images/childrens-tumor-foundation-mobile.png") no-repeat;
    background-size: 100%;
    width: 48px;
    height: 42px;
  }

  #header .desktop-logo{
      display: none;
  }

  #header .mobile-logo{
      display: inline-block;
  }

  .nf-events-past-media .gi-cta-type {
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  #header {
    position: relative;
  }

  #header h1 {
    float: none;
  }

  #header .mobile-nav {
    position: absolute;
    display: block;
    right: 40px;
    /*top: 10px;*/
    top: 25px;
    font-size: 30px;
  }

  #header .mobile-nav a {
    color: #231F20;
  }

  #header .main-nav {
    display: none;
    float: none;
    margin-right: 0;
    text-align: left;
  }

  #header .main-nav ul {
    padding-bottom: 0;
    width: 100%;
  }

  .main-nav li {
    display: block;
    border-top: 1px solid #00aae7;
    width: 100%;
  }

  .main-nav li a {
    width: 100%;
  }

  .main-nav ul#cta-nav li a {
    line-height: 40px;
  }

  .main-nav ul#cta-nav li:last-child a {
    border-left: none;
  }

  .main-nav li:hover a {
    background: none;
    color: #00AAE7;
  }

  .main-nav li.active:hover a {
    color: #82C341;
  }

  /* sub nav */
  .main-nav li ul {
    /*display: block;*/
    position: relative;
    left: 0;
    padding-top: 0;
    padding-left: 40px;
    background: none;
  }

  .main-nav li ul li {
    border-top: none;
    display: block;
  }

  .main-nav li ul li.active a, .main-nav li.active:hover ul li a, .main-nav li ul li, .main-nav li ul li a {
    color: #006CA3;
    line-height: 40px;
  }

  .main-nav li ul li ul {
    padding-left: 40px;
  }

  .main-nav li ul li ul li a, .main-nav li:hover ul li ul li a, .main-nav li.active ul li ul li a, .main-nav li.active:hover ul li ul li a {
    color: #231F20;
    text-transform: none;
    line-height: 40px;
  }

  .section.full .inner {
    padding-bottom: 0;
  }

  .banner-copy {
    width: 100%;
  }

  .banner-img {
    display: none;
  }

  .wrapper-dropdown-1 {
    display: table;
    margin-left: 0;
  }

  .info-page .section .section-menu {
    /*
    float: none;
    text-align: right;
    */
    display: none;
  }

  .info-page .section-menu-popup {
    text-align: left;
  }

  .section .col1 {
    padding-right: 0;
    padding-bottom: 0;
  }

  .home-section.threethree-sixsix .col1, .home-section.threethree-sixsix .col2,
  .section.threethree-sixsix .col1, .section.threethree-sixsix .col2,
  .section.fifty-fifty .col1, .fifty-fifty .col2,
  .section.sixsix-threethree .col1, .section.sixsix-threethree .col2 {
    float: none;
    width: 100%;
  }

  .info-page .top-link {
    position: relative;
    bottom: 0;
  }

  .info-page .section-copy .col2 {
    padding-bottom: 20px;
  }

  .info-page .inner .top-link {
    left: 10px;
    bottom: 10px;
    position: absolute;
  }

  .info-page .section.full .inner,
  .info-page .section.threethree-sixsix .inner,
  .info-page .section.sixsix-threethree .inner,
  .info-page .section.fifty-fifty .inner,
  .info-page .section.resources .inner
   {
    padding-bottom: 60px;
  }

  /* home page */
  #home-section-affects {
    background-position-x: 60%;
  }

  #home-section-fundraising-programs .home-section-copy {
    padding-bottom: 20px;
  }

  #home-section-news {
    padding-bottom: 20px;
  }

  #home-section-news .jcarousel-wrapper {
    display: none;
  }

  /* find a doctor */
  .find-doctor-results .doctor-item-sign-up {
    float: none;
    margin-top: 10px;
  }

  /* staff / board */
  .staff-summary-list .staff-summary img {
    max-width: none;
  }

  /* get involved */
  .gi-copy, .gi-cta, .gi-subscribe, .gi-map, .nf-events-past-media, .nf-event-details {
    float: none;
    width: 100%;
  }

  .info-page .section.gi-copy {
    padding-left: 20px;
  }

  .gi-subscribe {
    margin-bottom: 20px;
  }

  .gi-map {
    margin-bottom: 20px;
  }

  .nf-events-past-media .gi-cta-type {
    float: left;
    width: 50%;
  }

  /* find an event */
  #find-events .banner-copy {
    width: 100%;
  }

  #zip-form {
    display: block;
    width: 100%;
    padding-top: 0;
    padding-right: 0;
    text-align: center;
  }

  /* news (blog) */
  .news-item .news-item-img {
    margin-top: 0;
    margin-bottom: 0;
    width: auto;
    text-align: center;
    margin-bottom: 20px;
  }

  .news-item .news-item-img img {
    max-width: 100%;
    max-height: 200px;
  }

  .news-item .news-item-img-left, .news-item .news-item-img-right {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }

  .news-item .news-item-content-right, .news-item .news-item-content-left {
    float: none;
    width: 100%;
  }

  /* footer */
  .footer-col1, .footer-col2, .footer-col3 {
    float: none;
    width: 100%;
  }

  .footer-col1 {
    max-width: 350px;
    margin: 0 auto;
  }

  .footer-col2 {
    margin: 20px 0;
  }

  .footer-col3 {
    text-align: center;
  }
}

@media only screen and (max-width: 600px) {
  .info-page .section h2 {
    font-size: 30px;
  }

  #home-section-synodos .home-section-copy {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* hero staff board */
  .hero-summary-list .inner, .staff-summary-list .inner {
    overflow: hidden;
  }

  .hero-summary-list .hero-summary, .staff-summary-list .staff-summary {
    width: calc( 50% - 50px );
  }

  .get-involved .banner-copy, .event-page .banner-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* calendar */
  #calendar table, #calendar tbody, #calendar tr, #calendar td {
    display: block;
    width: 100%;
    height: auto;
  }

  .calendarBG td.event li {
    padding-bottom: 10px;
  }

  .calendarBG td.event a {
    padding: 5px 0;
  }

  .filter-section ul li:last-child {
    display: block;
    margin-top: 20px;
  }
  /* find an event */
  #zip-form {
    padding-left: 10px;
    padding-right: 10px;
  }

  #zip-form input[type="text"] {
    display: block;
    width: 100%;
    max-width: 395px;
    margin-right: auto;
    margin-left: auto;
  }

  .result-list, #map {
    float: none;
    width: 100%;
  }

  .nf-events-past-media .gi-cta-type {
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .banner-copy h2 {
    word-break: break-all;
    word-break: inherit;
  }

  /* home page */
  #home-section-affects h2, #home-section-synodos h2, #home-section-fundraising-programs h2, #home-section-news h2 {
    font-size: 40px;
  }

  .hero-summary-list .hero-summary, .staff-summary-list .staff-summary {
    float: none;
    width: 85%;
  }

  .section-img {
    /*display: none;*/
    display: block;
    width: 100% !important;
    height: 250px;
  }

  .section-img img{
      max-width: 100%;
  }

  .section-copy {
    width: 100%;
  }

  .info-page .section.section-copy {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 60px;
  }
}
/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* close commented backslash hack */
/* START Learn more background images */
.cta-link a,
.cta-link.white-on-green a,
.cta-link.white-on-dark-blue a,
.cta-link.blue-on-white a,
#homepage-email .cta-link input[type="submit"], .gi-subscribe-form .cta-link input[type="submit"],
.cta-link a, .cta-link.white-on-green a,
#homepage-email .cta-link input[type="submit"],
.gi-subscribe-form .cta-link input[type="submit"] {
  background: url("../images/cta-link-bg-light-blue.png") no-repeat 0 0;
  padding: 0.3rem 1.3rem 1rem 2rem;
}

.cta-link.white-on-green a,
.cta-link.blue-on-white a,
.gi-subscribe-form input.cta-link,
#homepage-email .cta-link input[type="submit"],
.gi-subscribe-form .cta-link input[type="submit"] {
  background: url("../images/cta-link-bg-green.png") no-repeat 0 0;
}

.cta-link.white-on-dark-blue a {
  background: url("../images/cta-link-bg-dark-blue.png") no-repeat 0 0;
}

.cta-link.blue-on-white a {
  background: url("../images/cta-link-bg-white.png") no-repeat 0 0;
}

.cta-link a:before,
#homepage-email .cta-link::before,
.gi-subscribe-form .cta-link::before,
.gi-subscribe-form .cta-link:before {
  border-color: transparent transparent transparent transparent;
  border-width: 0;
  border-style: none !important;
  left: 0;
}

#homepage-email .cta-link input[type="submit"],
.gi-subscribe-form .cta-link input[type="submit"] {
  padding-top: 0;
}

/* END Learn more background images */
.ui-dialog {
  overflow: visible;
}

.ui-dialog .ui-state-default .ui-icon.ui-icon-closethick {
  background-image: none;
}

.ui-dialog-titlebar-close {
  background: #82b93b url("../images/modal-close.png") no-repeat 0 0;
  border-radius: 50% !important;
  padding: 1rem !important;
  border: 0;
  top: 0 !important;
  right: -1rem !important;
  padding: 1.2rem !important;
}

@media only screen and (max-width: 640px) {
  .ui-dialog-titlebar-close {
    top: 1rem !important;
    right: 0 !important;
  }

  .ui-dialog-titlebar {
    height: 3rem;
  }
}
table.logos img {
  height: auto !important;
  width: auto !important;
  max-height: 101px;
}

table.logos td {
  width: 25%;
}

table.logos a {
  text-transform: uppercase;
  font-family: "Gotham Bold", arial;
  font-size: 1rem;
  margin-right: 0.5rem;
}

.national-partners table {
  width: 100%;
  margin-bottom: 2rem;
}
.national-partners table td {
  border-bottom: 1px solid white;
  width: 50%;
}
.national-partners table td a {
  color: white;
  font-size: 1.2rem;
  padding: 1rem 1rem 1rem 0;
  display: inline-block;
}
@media (max-width: 480px) {
  .national-partners table td {
    display: block;
    width: 100%;
  }
}

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Sean Smith's additional CSS. Some override what's above:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
body, p, body p {
  font-size: 14px;
}

h2 {
  font-size: 40px;
}

.banner-copy h2 {
  font-size: 40px;
}
@media (max-width: 480px) {
  .banner-copy h2 {
    font-size: 30px;
  }
}

.banner-copy h2 p {
  font-size: 40px !important;
}

.info-page .section h2 {
  font-size: 40px;
}

.info-page .accordion h3 {
  font-size: 24px;
}

.staff-summary-list .staff-link,
.hero-summary-list .hero-link {
  display: block;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-weight: bold;
  font-size: 28px;
}

/*Force bold and italic for Gotham font*/
b, strong {
  font-family: 'Gotham Bold';
}

i, em {
  font-family: 'Gotham Italic';
}

/***** news listing image placement ***********/
.news-item .news-item-img-right {
  margin-right: -15px;
}

/****end news listing image placement **********/
#nf-walk .cta-link a {
  margin-left: 0;
}

/****** contact page ********/
#contact .inner {
  padding-left: 15px;
}

.responsive-frame {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 50%;
  margin-bottom: 30px;
}

.responsive-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/***** end contact page *******/
/********* banner icon and link*******/
.banner-copy {
  float: left;
}
@media (max-width: 640px) {
  .banner-copy {
    width: auto;
    float: none;
  }
}

.banner-copy p {
  font-size: 16px !important;
}

.banner-icon-block {
  width: 49%;
  float: left;
}
@media only screen and (max-width: 1200px) {
  .banner-icon-block {
    width: 100%;
    float: none;
  }
}
@media (max-width: 640px) {
  .banner-icon-block {
    width: auto;
    float: none;
  }
}

.banner-icon-block .icon-inner {
  max-width: 300px;
  float: right;
  padding: 6rem 7rem 0 0;
  text-align: center;
  color: white;
}
@media only screen and (max-width: 1200px) {
  .banner-icon-block .icon-inner {
    max-width: 100%;
    float: none;
    padding: 0;
  }
}
@media (max-width: 640px) {
  .banner-icon-block .icon-inner {
    max-width: 100%;
    float: none;
    padding: 0;
    text-align: center;
    padding: 0;
  }
}

.banner-icon-block h2 {
  color: #fff;
  margin-top: 0;
}

.banner-icon-block a {
  color: #82C341;
  text-shadow: 0px 0px 50px #000;
}

.home-section {
  position: relative;
}

.chev-div {
  background: url(/images/semi-circle.png) no-repeat;
  position: absolute;
  top: -40px;
  right: calc(50% - 61px);
  height: 84px;
  width: 123px;
}

.title-row {
  margin-bottom: 10px !important;
}

.title-row .team-member-title {
  font-size: 20px;
}

@media only screen and (max-width: 480px) {
  #event-spotlight, #section-event-spotlight {
    display: none;
  }

  #home-section-heros {
    background-image: none !important;
    background-color: pink;
  }
}
.news-item-img {
  position: relative;
  z-index: 1000;
  width: 25%;
  height: 100%;
}

.news-item .news-item-img-right {
  margin-right: 0;
}

.news-item-img a {
  display: block;
  height: 100%;
  width: 100%;
}

/********** EVENT SPOTLIGHT *************/
#event-spotlight.section .col1 {
  padding-left: 45px;
}

#event-spotlight .col2 .jcarousel-wrapper {
  height: 350px;
}

#event-spotlight .jcarousel-control-prev, #event-spotlight .jcarousel-control-next {
  top: calc(50% - 20px);
}

#event-spotlight .jcarousel-control-prev {
  left: 0px;
}

#event-spotlight .jcarousel-control-next {
  right: 0px;
}

#event-spotlight .jcarousel li img {
  position: relative;
  min-height: 100%;
  /*this causes some stretching of the image*/
}

/********* END EVENT SPOTLIGHT ************/

/*# sourceMappingURL=style.css.map */