/*
 * Top Level Elements
 */
body {
  padding-top: 0;
}

input:focus, select:focus, textarea:focus {
  background: #F7FF9A;
  outline: solid 2px #cc3333;
}


/*
 * Containers
 */

#body-container {
  top: 0;
}

.contentWrapper {
  -moz-box-sizing: content-box;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  max-width: 1024px;
}

/*
 * Header
 */

.topBar {
  background: #0b72b9 url(../images/bg-topbar.jpg) repeat-x left bottom;
  padding: 5px 0 3px;
  position: relative;
  z-index: 1000;
}

ul.social {
  float: right;
  margin-bottom: 0;
}

ul.social li {
  display: inline-block;
  list-style: none outside none;
  margin-left: 5px;
}

ul.social li a {
  background-color: #EEEEEE;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 3px;
  display: block;
  height: 18px;
  text-indent: -9999px;
  width: 18px;
}

.social li.twitter a {
  background-color: #35BAEC;
  background-image: url("../images/twitter@2x.png");
  background-size: auto 60%;
}

.social li.youtube a {
  background-color: #CE332D;
  background-image: url("../images/youtube@2x.png");
  background-size: auto 70%;
}
.social li.flickr a {
  background-color: #EEF2F4;
  background-image: url("../images/flickr@2x.png");
  background-size: 70% auto;
}

.social li.facebook a {
  background-color: #314B89;
  background-image: url("../images/facebook@2x.png");
  background-size: auto 70%;
}

.social li.linkedin a {
  background-color: #1B86BD;
  background-image: url('../images/LinkedInicon.png');
  background-size: 80%;
}
.social li.instagram a {
  background-color: #eef2f4;
  background-image: url('../images/InstagramBadge.png');
  background-size: 115%;
}
.social li.pinterest a {
  background-color: #C11427;
  background-image: url('../images/Pinteresticon.png');
  background-size: 90%;
}
.social li.snapchat a {
  background-color: #FFFC00;
  background-image: url('../images/snap-ghost-yellow.png');
  background-size: 100%;
}

p.topLinks {
  float: right;
  font-family: 'Coustard',serif;
  font-size: 9px;
  margin: 3px 10px 0 0;
  text-transform: uppercase;
}

p.topLinks a {
  display: inline-block;
  margin-left: 7px;
}

p.topLinks a:after {
  content: "|";
  margin-left: 7px;
}


p.topLinks a:last-child:after {
  content: none;
  margin-left: 0;
}
p.topLinks a:link, p.topLinks a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
p.topLinks a:hover, p.topLinks a:active {
  color: #FFFFFF;
  text-decoration: underline;
}

.header_content {
  height: auto;
}

.header_main {
  background: url("../images/bg-header-line.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
}

.three.columns {
  width: 220px;
}

.header_main .logo img {
  border: 0 none;
  height: auto;
  min-width: 140px;
  vertical-align: middle;
  width: 100%;
  padding: 30px 0 25px;
}

form#siteSearch {
  position: absolute;
  right: -60px;
  top: 30px;
  display: block;
  height: 28px;
  width: 290px;
}

#navLogin {
  position: absolute;
  right: 20px;
  top: 70px;
}

.navbar-toggle {
  position: absolute !important;
  right: 10px;
  top: 70px;
  color: #0063a8;
  font-family: 'Coustard', serif;
  margin: 0 !important;
}

.navbar-toggle-icon,
.navbar-toggle-icon:before,
.navbar-toggle-icon:after {
  content: "";
  position: absolute;
  left: 0;
  width: 25px;
  height: 4px;
  background: #0063a8;
  border-radius: 1px;
}
.navbar-toggle-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  margin-left: 4px;
}
.navbar-toggle-icon:before { top: 8px; }
.navbar-toggle-icon:after { bottom: 8px; }

div#navwrap {
  position:relative;
  padding: 0 0 15px 0;
  text-transform: uppercase;
  margin: 0 -5px;

}

a.mainNavLinks {
  /*text-transform:uppercase; */
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) -moz-use-text-color;
  border-image: none;
  font-size : 12.6px;
  position: relative;
  margin: 0 6px;
  font-weight:500;
  color: #0063A8;
  text-decoration: none;
  padding: 3px;
  line-height: 1.2em;
  font-family: 'Coustard', serif;
}

a.mainNavLinks:hover {
  text-decoration: none;
}

#digital_donor_coord img {
  display: block;
  width: 800px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/*
 * Icons
 */


.welcome_icon h3 {
  font-weight: bold;
  font-size: 130%;
}

/*
 * Other
 */

hr.total_divider {
  border-top: 1px solid #333333;
}

form label {
  font-size: 100%;
}

span.label {
  color: #333;
  font-size: 100%;
  padding-left: 0;
}

.row.donation-history {
  border: 1px solid #cccccc;
  margin: 10px 0;
  padding: 0 10px;
}

.donation-history h5 {
  color: #CA942B;
  font-weight: bold;
}

h2.title {
  font-family: "Coustard", serif;
  color: #0063a8;
}

table.schedule {
  border-right: solid 1px #0680c3;
  border-left: solid 1px #0680c3;
  border-bottom:solid 1px #0680c3;
  border-top:none;
}

table.schedule .last {
  border-right: 1px solid #0680c3;
}

table.schedule thead {
  border-top:none;
  border-right:solid 1px #0680c3;
  border-left:solid 1px #0680c3;
  border-bottom:solid 1px #0680c3;
  background-color: #0680c3;
  color:#FFFFFF;
  z-index:1000;
}

table.schedule a.available {
  color: #0680c3;
  font-weight: normal;
}

.box_hover:hover {
  border:  solid 2px #2074E3;
}

p.intro a {
  color: #424e6b;
}

table.schedule a.available:hover {
  color: #0063A8;
}

a.highlight {
  color: #0063A8;
}

ul.resources li a:link, footer ul.resources li a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

a.highlight:hover {
  color: #0680C3;
}

.registration_information_block_brand {
  position:relative;
  float:right;
  left:-110px;
  line-height:90%;
  top: 5px;
  display:inline-block;
  /*border: 1px solid black;*/
  color: #2074e3;
  height:28px;
  width:213px;
}

.registration_information_block_last_name {
  position:relative;
  left:478px;
  line-height:90%;
  top: -45px;
  /*border: 1px solid black;*/
  color: #2074e3;
  height:28px;
  width:213px;
}

.registration_information_block_donor_id {
  display:inline-block;
  /*border: 1px solid black;*/
  color: #2074e3;
  position:relative;
  line-height:90%;
  left:3px;
  vertical-align:middle;
  height:28px;
  width:213px;
}

.registration_information_block_brand td {
  color: #2074e3;
  padding-right:8px;
  padding-left:8px;
  padding-top:3px;
  font-size:10px;
}

.registration_information_block_last_name td {
  color: #2074e3;
  padding-right:8px;
  padding-left:8px;
  padding-top:3px;
  font-size:10px;
}

.registration_information_block_donor_id td {
  color: #2074e3;
  padding-right:8px;
  padding-left:8px;
  padding-top:6px;
  font-size:10px;
}

span.custom_label {
  position:relative;
  right:8px;
}

span.registration {
  color: #2074e3;
}

.registration_information_block_brand_left {
  position:relative;
  right:170px;
  top:-25px;
  /*border: 1px solid black;*/
  color: #2074e3;
  vertical-align:middle;
  height:28px;
  width:120px;
}

.registration_information_block_brand_left td {
  color: #2074e3;
  padding-right:8px;
  padding-left:8px;
  padding-bottom:5px;
  padding-top:5px;
  font-size:10px;
}


div.info_custom {
  background-color: #fff;
  background-image: url("../images/icons/knob/Info.png");
  color: #00529B;
  background-position: 10px center;
  background-repeat: no-repeat;
  border: none;
  margin: 10px 0;
  padding: 15px 10px 15px 50px;
}

.cfl_style {
  font-weight:bold;
  font-style:italic;
}

li span.test_results_tab_header {
  font-size:16px;
  font-weight:bold;
  position:relative;
  top: 14px;
}

@font-face {
  font-family: "Coustard";
  font-style: normal;
  font-weight: 700;
  src: local("Coustard"), url("https://themes.googleusercontent.com/static/fonts/coustard/v4/7Z1TmjHUqIGEzERrLfAhXPesZW2xOQ-xsNqO47m55DA.woff") format("woff");
}

/*
 * Sidebar
 */
.responsive_sidebar h3 {
  color: #0063a8;
}
.responsive_sidebar h5, .responsive_sidebar h4 {
  font-family: "Coustard", serif;
  color: #b07e2a;
  margin: 15px 0 10px;
}

.responsive_sidebar h6 {
  font-family: "Coustard", serif;
  color: #0063a8;
}

.responsive_sidebar h5.selected {
  color: #0063a8;
}

div.list_section h4 {
  padding-bottom: 0;
}

/*
 * Footer
 */

#footer .contentWrapper {
  max-width: 600px;
}

#footer {
  width: 100%;
  background: #0063a8;
  color: #FFFFFF;
  font-style: normal;
  text-align: left;
  margin: 0;
}

#copyright {
  margin-top: 30px;
  position: static !important;
}

#footer_logo {
  width: 176px;
  height: auto;
  margin-top: 30px;
}


#footer h5 {
  background: url("../images/bg-footer-line.png") repeat-x scroll left top rgba(0, 0, 0, 0);
  color: #CA942B;
  font: 1.3em/1.5em 'Coustard',serif;
  margin-bottom: 10px;
  padding-top: 10px;
}

#footer ul.resources {
  background: url("../images/bg-footer-line.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
  margin-top: 20px;
}

#footer ul.resources li {
  background: url("../images/bg-footer-line.png") repeat-x scroll left top rgba(0, 0, 0, 0);
  font-size: 1.1em;
  line-height: 1.1em;
  list-style: none outside none;
}


#footer ul.resources li.match a {
  background-image: url("../images/resources-match.png");
  background-position: 10px center;
  background-size: auto 27px;
}

#footer ul.resources li a {
  background-repeat: no-repeat;
  display: block;
  padding: 14px 10px 14px 48px;
}

#footer ul.resources li.education a {
  background-image: url("../images/resources-education.png");
  background-position: 8px center;
  background-size: 29px auto;
}

#footer ul.resources li.ordering a {
  background-image: url(../images/resources-ordering.png);
  background-size: 27px auto;
  background-position: 10px center;
}

#footer ul.footerLinks {
  background: url("../images/bg-footer-line.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
  margin-top: 10px;
  margin-bottom: 30px;
}

#footer ul.footerLinks li {
  background: url("../images/bg-footer-line.png") repeat-x scroll left top rgba(0, 0, 0, 0);
  font: 1em/1.4em 'Coustard',serif;
  list-style: none outside none;
}
#footer ul.footerLinks li a:link, footer ul.footerLinks li a:visited {
  color: #CA942B;
  text-decoration: none;
}
#footer ul.footerLinks li a {
  display: block;
  padding: 5px;
}

#footer .logo {
  margin-top: 30px;
  width: 80%;
  height: auto;
}

h2.gc_points {
  font: normal 16px 'Coustard', serif;
  color: #0063a8;
  margin-bottom: 10px;
  border-bottom: none;
}

p.gc_points {
  margin-bottom: 10px;
}


@media only screen and (max-width: 991px) {
  #navwrap { display: none !important; }
  #navwrap.in { display: block !important; }
  #navwrap.collapsing { display: block !important; }

  .navbar-toggle {
    display: block !important;
  }

  a.mainNavLinks {
    display: block;
    margin: 10px 0;
  }
}

@media only screen and (max-width: 500px) {
  ul.social, p.topLinks {
    float: none;
    text-align: center;
    margin-right: 0;
  }

  .header_main .logo img {
    width: 150px;
  }

  form#siteSearch { display: none; }

  .navbar-toggle {
    top: 33px;
  }
}

body {
  font-family: proxima-nova-condensed !important;
}

#footer {
  border-bottom: 40px solid #2a285e;
  background: linear-gradient(136deg, #2a285e 0%, #105698 48%, #0072bc 100%);
  font-family: proxima-nova-condensed;
}

#footer .nav1 .main-link {
  font-size: 1.2em;   
}
#footer .main-link {
  font-weight: 800;
  margin-bottom: .5em;
}

#footer .nav2 .main-link {
  font-size: 1.0em;
  font-weight: 200;
}
#footer .img-responsive {
  width: 100%;
  height: auto;
}


#footer img {
  width: 100%;
  max-width: 100%;
  height: auto;
  transform: scale(1);
}
#footer img {
  vertical-align: middle;
}
#footer img {
  border: 0;
}

#footer .c-white-smoke {
  color: #F5F5F5;
}

#footer .c-white-smoke:hover, .c-white-smoke:focus, .c-white-smoke:active {
  color: rgba(245, 245, 245, 0.75) !important;
}


#footer {
    background: #2a285e;
    background: -moz-linear-gradient(136deg, #2a285e 0%, #105698 48%, #0072bc 100%);
    background: -webkit-linear-gradient(136deg, #2a285e 0%, #105698 48%, #0072bc 100%);
    background: linear-gradient(136deg, #2a285e 0%, #105698 48%, #0072bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a285e",endColorstr="#0072bc",GradientType=1);
    border-bottom: 40px solid #2a285e;

    padding: 15px 0;
    display: block;
    box-sizing: border-box;
}

#copyright {
  margin-top: 30px;
  position: static !important;
}


#footer_logo {
  width: 176px;
  height: auto;
  margin-top: 30px;
}


#footer h5 {
  background: url("../images/bg-footer-line.png") repeat-x scroll left top rgba(0, 0, 0, 0);
  color: #CA942B;
  font: 1.3em/1.5em 'Coustard',serif;
  margin-bottom: 10px;
  padding-top: 10px;
}

#footer ul.resources {
  background: url("../images/bg-footer-line.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
  margin-top: 20px;
}

#footer ul.resources li {
  background: url("../images/bg-footer-line.png") repeat-x scroll left top rgba(0, 0, 0, 0);
  font-size: 1.1em;
  line-height: 1.1em;
  list-style: none outside none;
}


#footer ul.resources li.match a {
  background-image: url("../images/resources-match.png");
  background-position: 10px center;
  background-size: auto 27px;
}

#footer ul.resources li a {
  background-repeat: no-repeat;
  display: block;
  padding: 14px 10px 14px 48px;
}

#footer ul.resources li.education a {
  background-image: url("../images/resources-education.png");
  background-position: 8px center;
  background-size: 29px auto;
}

#footer ul.resources li.ordering a {
    background-image: url(../images/resources-ordering.png);
    background-size: 27px auto;
    background-position: 10px center;
}

#footer ul.footerLinks {
  background: url("../images/bg-footer-line.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
  margin-top: 10px;
  margin-bottom: 30px;
}

#footer ul.footerLinks li {
  background: url("../images/bg-footer-line.png") repeat-x scroll left top rgba(0, 0, 0, 0);
  font: 1em/1.4em 'Coustard',serif;
  list-style: none outside none;
}
#footer ul.footerLinks li a:link, footer ul.footerLinks li a:visited {
  color: #CA942B;
  text-decoration: none;
}
#footer ul.footerLinks li a {
  display: block;
  padding: 5px;
}

#footer .logo {
  margin-top: 30px;
  width: 80%;
  height: auto;
}

#footer .container{
    font-family: proxima-nova-condensed;
    font-size: 23px;
    font-weight: 300;
    line-height: 1.42857143;
    -webkit-font-smoothing: antialiased;
}


#footer .c5-text, html.no-touch .btn.c5-text:hover, .btn.c5-text:focus, .btn.c5-text:active, .c1-bg blockquote, .c3-bg blockquote, .c1-bg blockquote::before {
    color: white !important;
    text-decoration: none !important;
}


#footer .fa, .fas, .far, .fal, .fad, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

#footer .links-side .children-links ul li a {
    position: relative;
    display: inline-block;
    font-size: .7em;
    font-weight: 300;
    line-height: .9em;

}
#footer .children-links li{
  margin-bottom: 4px;
}

#footer .links-side .children-links ul {
    list-style: none;
    margin-left: 0px;
}

#footer .links-side .main-link a {
    position: relative;
    display: inline-block;
    font-size: 1em;
    line-height: 1em;
    font-weight: 800;
}

#footer .links-side .main-link a:hover {
  color: #f0f0f0 !important;
}

#footer .links-side .main-link {
    font-weight: 800;
}

#footer .primary-nav {
    padding-top: 50px;
    box-sizing: border-box;
    display: table;
    content: " ";
}

#footer .secondary-nav {
    padding-top: 1em;
    margin-right: -15px;
    margin-left: -15px;
    border-top: 1px solid #fff;
}

#footer .social-bar {
    margin-top: 1em;
    padding-bottom: 1em;
    margin-right: -15px;
    margin-left: -15px;
    /* border-bottom: 1px solid #fff; */
}


#footer .text-side .footer-text {
    margin-bottom: 30px;
    font-family: Sentinel-Light;
    font-size: 18px;
    padding-right: 30px;
}

#footer .text-side .footer-logo {
    vertical-align: middle;
    border: 0;
    height: auto;
    transform: scale(1);
    margin: 0.5rem 0;
    display: block;
}
#footer .text-side{
    padding-right: 15px;
    padding-left: 15px;
}
#footer .footer-logo {
  width: 100%;
}
#footer .img-responsive {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
    height: auto;
}
#footer .logo2{
    margin-top: 0px;
    width: 90%;
    height: auto;
    margin-bottom: 50px;
}

#footer .text-side .footer-text {
    font-family: Sentinel-Light;
    font-size: 18px;
    margin-bottom: 1em;
}


#footer .social-bar h1{

  display: block;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;

  font-size: 47px;
  margin: 15px 0;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-family: inherit;
}
#footer .social-bar h4{
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;

  font-family: inherit;
  font-size: 25px;
  margin: 10px 0;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
}


#footer .social-bar .social-icons nav.social ul li a {
    width: auto;
    height: auto;
    font-size: 3rem;
    float: left;
    display: block;
    padding-right: 70px;
    padding-left: 0px;
    padding-top: 25px;
    margin: 0 0 3px 0;
}
#footer .social-bar .social-icons nav.social ul li a {
    color: #fff;
    width: auto;
    height: auto;
    font-size: 4rem;
    position: relative;
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    transition: opacity 0.3s ease-in-out 0s;
}
#footer nav.social a:hover{
  color: #f0f0f0 !important;
}
#footer nav.social a:visited{
  color: #f0f0f0 !important;
}

#footer nav.footer ul li {
    display: block;
    padding: 10px 0;
}
#footer ul.nav, ol.nav, nav ul, nav ol, ul.list, ol.list, nav ul li, nav ol li, ul.list li, ol.list li {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
}
#footer nav.footer {
    padding: 1rem 0 0;
}
#footer nav.footer ul {
    padding-top: 3rem;
    padding-bottom: 3rem;
    font-size: 1.37rem;
    font-weight: 300;
}

#footer .secondary-nav .nav-list .nav1 a {
    font-size: 2.3rem;
    font-weight: 800;
}


#footer .secondary-nav .nav-list a {
    position: relative;
    display: inline-block;
    line-height: 2.8rem;
}

#footer .secondary-nav .nav-list .nav2 a {
    font-size: 1.4rem;
    font-weight: 300;
}

#footer .links-side .main-link a:hover::after{
  position: absolute;
  content: "";
  top: 4pt;
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  border-right: 0.1em solid;
  border-top: 0.1em solid;
  transform: rotate(45deg);
  margin-right: 0.5em;
  margin-left:.5em;
}

#footer .nav1 .main-link a:hover::after{
  position: relative;
  content: "";
  bottom: 2px;
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  border-right: 0.1em solid;
  border-top: 0.1em solid;
  transform: rotate(45deg);
  margin-right: 0.5em;
  margin-left:.5em;
}
#footer .nav2 .main-link a:hover::after{
  position: relative;
  content: "";
  bottom: 2px;
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  border-right: 0.1em solid;
  border-top: 0.1em solid;
  transform: rotate(45deg);
  margin-right: 0.5em;
  margin-left:.5em;
}

#footer .c-white-smoke:hover::after{
  position: relative;
  content: "";
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  border-right: 0.1em solid;
  border-top: 0.1em solid;
  transform: rotate(45deg);
  margin-right: 0.5em;
  margin-left:.5em;
}