/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media (min-width: 980px) {
  #nav-bar ul.parents li.nav-bar-parent.first {
    border-left: 1px dotted #b3b3b3;
  }
}

@media (max-width: 1069px) {
  #hello-email-content {
    width: 55%;
  }
  #hello-email-form {
    float: left;
  }
  #hello-email-form-subscribe {
    margin-left: 20px; 
  }
}

@media (max-width: 995px) {
  #hello-email-content {
    width: 50%;
  }
}

@media (min-width: 980px) and (max-width: 1048px) {
  #hello-email-success {
    padding-right: 60px;
  }
}

@media (max-width: 979px) {
  .container { width: auto; }
  #nav-bar-mobile-wrap {
      background-color: #FFFFFF;
      background-image: none;
      -webkit-box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
      display: block !important;
      padding: 10px; 
  }
  #nav-bar-mobile {
    clear: both;
    display: block;
  }
  #nav-bar-mobile-logo {
    float: left;
  }
  #nav-bar-mobile-toggle {
    float: right;
  }
  #nav-bar-mobile-wrap .btn-navbar { display: block; }
  #nav-bar-wrap, #nav-bar-logo { display: none; }
  #nav-bar-wrap {
    background: none;
    background-color: #dedede;
    padding-top: 0px;
  }
  #nav-bar ul.parents { float: none; }
  #nav-bar ul.parents li.nav-bar-parent {
    border-bottom: 1px solid #eee;
    float: left;
    text-align:
    center; width: 50%;
  }
  #nav-bar ul.parents li.nav-bar-parent.first a { border-left: none; }
  #nav-bar ul.parents li.nav-bar-parent:hover ul.children { display: none !important; z-index: 0 !important; }
  #nav-bar ul.parents li.nav-bar-parent a { border-right: 1px dotted #EEEEEE; font-family: Helvetica,sans-serif; }
  #nav-bar ul.parents li.nav-bar-parent a.active span { background: none; }
  #nav-bar #nav-bar-search a { width: auto; }
  #nav-bar #nav-bar-donate { display: block; }
  #nav-bar #search-wrapper { left: 10px; }
  #main .main-col1 { display: none; }
  .mobile-page-nav-wrapper { display: block; }
  .country .mobile-country-nav-wrapper { display: block; }
  .main-col1 #recent-posts-header-wrapper { display: none; }
  .main-col1 .country-filter { display: none; }
  .recent-posts .filter-header { display: none; }
  .post .country-highlight .post-content-footer .col1 { display: none; width: 0px; }
  .post .recent-country-posts-wrapper .post-content-footer .col1 { display: none; width: 0px; }
  .post .post-content-footer .col2 { margin-top: 10px; position: relative; right: 0; text-align: right; width: auto; }
  #footer-wrap { display: none; }
  #footer-base_donate-now { display: none; }
  #footer-base-wrap .footer-base-section { float: none; padding: 0 0 5px; }
  #footer-base-wrap #footer-base_general { position: inherit; top: 0px; }
  #footer-base-wrap #footer-base_license { border-left: 0 none; width: auto; }

  /* Breadcrumbs */
  #breadcrumbs-wrap {
    background-color: #f8f8f8;
  }
  .lay1col #breadcrumbs .container-inner {
    background-position: right top;
  }
  .lay3col #breadcrumbs .container-inner {
    max-width: 510px;
    margin: auto;
    padding-left: 12px;
    padding-right: 12px;
    background-position: right top;
  }

  /* Layouts */
  .lay3col #main .main-col2 { float: none; max-width: 510px; margin: auto; width: auto; }
  .lay3col #main .main-col3, .lay2col #main .main-col3 { display: none; }
  .lay2col #main .main-col1 { display: block; float: none; margin: auto; width: auto;}
  .lay3col.recent-posts #main .main-col1 { 
    display: block;
    float: none;
    margin: auto;
    width: auto;
    max-width: 510px;
    padding: 0 12px;
  }
  .lay1col.page #main .main-col1 { display: block; }

  /* Homepage */
  .homepage .adbls-homepage .promo-adbls { display: block; }
  #slides-wrap { display: none; }

  /* Ecards */
  .ecards #slides-wrap { display: block; width: 540px; margin: 20px auto; }
  .ecards #slides_inner { height: 392px; width: 540px; }
  .ecards .slides_container { border: 6px solid rgb(177, 177, 177); width: 540px; overflow: hidden; position: relative; display: none; }
  .ecards .slides_container img { width: 540px; height: 392px; display: block; z-index: 0; }
  .ecards #slides .next { left: 568px; }
  .ecards #slides .pagination { bottom: 0px; }
  .ecards #ecard_purchase { margin: 24px auto; width: 540px; }
  .ecards #ecard_purchase .col1, .ecards #ecard_purchase .col2 { float: none; margin: 20px auto; padding-bottom: 0; width: 540px; }
  .ecards input, .ecards #id_recipient_emails { height: 50px; width: 100%; }
  .ecards #id_message { height: 148px; width: 100%; }
  #ecard-render-wrapper { width: 100%; margin: 0 auto; }
  #ecard-render { margin: 0 auto; width: 90%; }
  #ecard-render-image img { max-width: 96%; }

  /* Map Ribbon */
  #map-ribbon { display: none; }

  /* Honor */
  .honor-render #honor-gallery-wrapper { display: none; }
  .honor-render .col1 { margin: 0 auto; float: none; padding: 0; }
  #recipients-honor-donation-image { border-radius: 8px 8px 0px 0px; }
  .honor-render .col2 { background: #fdfdfd; float: none; padding: 0; margin: 0 auto; border-top: 1px solid #cacaca; border-radius: 0px 0px 8px 8px; height: auto; }
  .honor-render #recipients-honor-donation-wrapper  { margin: 0 auto; width: auto; background: none !important; }
  .honor-video, .honor-video iframe { width: 440px; }
  #honor-video-wrapper { width: 330px; }
  .honor-video-text .honor-another-btn a { width: 330px; margin: 0 auto; text-align: center; }
  .honor-video { width: 410px; float: none; margin-right: 0; margin: 0 auto; }
  .honor-video iframe { width: 330px; height: 240px; }
  .honor-render #honor-video-title { text-align: center; background-image: none; }
  .honor-video-text p { font-weight: 400; color: white; padding: 20px 0 20px; width: 330px; margin: 0 auto; }

  .honor-render #honor-default-wrapper { background: #fdfdfd; width: 410px; margin: 0 auto; border-radius: 8px; min-height: 0; height: auto; }
  .honor-render .hd-title { padding-top: 40px; }
  .honor-render .col1 { height: auto; }
  #honor-default-wrapper .padding { padding: 10px 40px 40px; }

  .mobile-default-image { display: block; width: 410px; height: 340px; border-radius: 8px 8px 0px 0px; background: url('../image/honor-mobile.jpg') no-repeat center top; border-bottom: 1px solid #cacaca;}
}

@media (max-width: 960px) {
  #homepage-hero {
    background-image: none;
    background-color: #131313;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop { display: inherit !important; }
  .visible-desktop { display: none !important; }
  .visible-tablet { display: inherit !important; }
  .hidden-tablet { display: none !important; }
  #header-wrap .col2 { left: 25%; width: 500px; }
  #header-wrap .col2 .header-action-button img { width: 85%; }
}

@media (max-width: 869px) {
  #hello-email-content {
    width: 45%;
  }
}

@media (max-width: 767px) {
  #hello-email-mobile-wrap {
    display: block;
  }
  #hello-email-content {
    display: none;
  }
  #hello-email-form {
    float: right;
    padding-right: 20px;
    text-align: right;
    width: 80%;
  }
  #id_hello_email_ajax {
    width: 60%;
  }

  .hidden-desktop { display: inherit !important; }
  .visible-desktop { display: none !important; }
  .visible-phone { display: inherit !important; }
  .hidden-phone { display: none !important; }
  #nav-bar-action-wrapper { display: none !important;  }
  .homepage .recent-post-item, .country .recent-country-post-item, .post .recent-country-post-item { min-height: 105px; }
  .adbls-homepage .adbl { margin-bottom: 10px; }
  .homepage .featured-fundraiser-wrapper { min-height: 200px; }
  #footer-base-wrap #footer-base_actions { display: block; padding-bottom: 20px; }
  #footer-base-wrap .footer-action-button { float: left; margin: auto; width: 48%; }
  #footer-base-wrap .footer-action-button.first { margin-right: 10px; }

  /* Ecards */
  .ecards #slides-wrap { width: 400px; }
  .ecards #slides_inner { height: 290px; width: 400px; }
  .ecards .slides_container { border: 6px solid rgb(177, 177, 177); width: 400px; overflow: hidden; position: relative; display: none; }
  .ecards .slides_container img { width: 400px; height: 290px; display: block; z-index: 0; }
  .ecards #slides .next, .ecards #slides .prev { top: 96px; }
  .ecards #slides .next { left: 422px; }
  .ecards #slides .pagination { bottom: 0px; }
  .ecards #ecard_purchase { margin: 24px auto; width: 400px; }
  .ecards #ecard_purchase .col1, .ecards #ecard_purchase .col2 { float: none; margin: 20px auto; padding-bottom: 0; width: 400px; }
  .ecards input, .ecards #id_recipient_emails { height: 50px; width: 100%; }
  .ecards #id_message { height: 148px; width: 100%; }

}

@media (max-width: 588px) {
  .homepage .adbls-homepage .adbl,.homepage .adbls-homepage .promo-adbls { width: 50%; }
  .homepage .adbls-homepage .adbl img,.homepage .adbls-homepage .promo-adbls img { width: 96%; }
}

@media (max-width: 550px) {
  #hello-email-close-wrapper {
    padding: 0 5px 0 10px;
  }
  #hello-email-form {
    width: auto;
  }
  #hello-email-form-submit {
    margin-left: auto;
  }
  #id_hello_email_ajax {
    width: auto;
  }
  #hello-email-form-subscribe {
    margin-left: 0px;
  }
  #hello-email-success {
    width: 75%;
  }
  #breadcrumbs-wrap {
    display: none;
  }
}

@media (max-width: 480px) {
  #header-wrap .col2 { display: none; }
  .personnel .main-col1 .image { float: none; margin: auto; padding-bottom: 20px; width: auto; }
  #personnel-grid .personnel-member { margin: 10px 5px; }
  .homepage .adbls-homepage .adbl,.homepage .adbls-homepage .promo-adbls { width: 70%; margin-left: 15%;}

  /* Ecards */
  .ecards #slides-wrap { width: 255px; }
  .ecards #slides_inner { height: 186px; width: 255px; }
  .ecards .slides_container { border: 6px solid rgb(177, 177, 177); width: 255px; overflow: hidden; position: relative; display: none; }
  .ecards .slides_container img { width: 255px; height: 186px; display: block; z-index: 0; }
  .ecards #slides .next, .ecards #slides .prev { display: none; }
  .ecards #slides .pagination { bottom: 0px; right: 2px; }
  .ecards #ecard_purchase { margin: 24px auto; width: 255px; }
  .ecards #ecard_purchase .col1, .ecards #ecard_purchase .col2 { float: none; margin: 20px auto; padding-bottom: 0; width: 255px; }
  .ecards input, .ecards #id_recipient_emails { height: 50px; width: 100%; }
  .ecards #id_message { height: 148px; width: 100%; }

  /* Honor */
  .honor-render #main { padding: 40px 10px; }
  .honor-render #honor-gallery-wrapper { display: none; }
  .honor-render .col1 { margin: 0 auto; width: 300px; float: none; padding: 0; }
  #recipients-honor-donation-image { border-radius: 8px 8px 0px 0px; }
  .honor-render .col2 { width: 300px; }
  .honor-render #recipients-honor-donation-wrapper  { margin: 0 auto; width: auto; background: none !important; }
  .honor-render .honor-another-btn a { margin-left: 0; text-align: center; width: 200px; display: block; }
  .honor-video-text .honor-another-btn a { width: 220px; margin: 0 auto 0 auto; }
  .honor-video { width: 300px; float: none; margin-right: 0; margin: 0 auto; }
  .honor-video iframe { width: 220px; height: 210px; }
  .honor-render #honor-video-title { text-align: center; background-image: none; }
  .honor-video-text p { font-weight: 400; color: white; width: 220px; margin: 0 auto; }
  .honor-render .social-wrapper #social-share-text { float: none; }
  .honor-render #honor-default-wrapper { width: 300px; }
  .mobile-default-image { width: 300px; }
  .honor-render #honor-default-wrapper { width: 300px; }
  #honor-video-wrapper { width: 220px; }
  .honor-render .hd-description { padding: 20px 0px; }
  .honor-render .col2 p { padding: 10px 0px 10px; }
}

@media (max-width: 450px) {
  #homepage-hero-block {
    position: relative;
    top: 0%;
    width: inherit;
  }
  #homepage-hero-title {
    font-size: 36px;
  }
  .homepage-hero-button {
    float: none;
    margin-top: 10px;
    width: 90%;
  }
}

@media (max-width: 400px) {
  #hello-email-form {
    width: 75%;
  }
  #id_hello_email_ajax {
    width: 50%;
  }
}

@media (max-width: 380px) {
    #nav-bar ul.parents li.nav-bar-parent a { font-size: 0.8em; height: 30px; }
    /* Post Audio - JP Player */
    div.jp-audio { width: 100px; }
    div.jp-progress-container { display: none; }
    div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute { left: 40px; }
    div.jp-volume-bar-container { left: 28px; }
    .homepage .recent-post-item, .recent-country-post-item { margin-right: 6px !important; }
    .homepage .recent-post-item.last, .recent-country-post-item.last { margin-right: 6px !important; }
    .homepage .featured-fundraiser-wrapper.last { margin-right: 9px; }
    .homepage .adbls-homepage .adbl,.homepage .adbls-homepage .promo-adbls { width: 100%; margin-left: 0;}
}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: none; }
  #main-wrap:before {
    content: url("../image/logo.png");
    display: block;
    height: 123px;
    width: 330px;
  }
  #header, .header-action-button, #nav-bar-wrap, #nav-bar-mobile-wrap, #nav-bar-mobile, #footer, .footer-action-button, .social-wrapper, .object-edit-bar { display: none; }

  /*a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }*/
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 1cm 0.5cm 2cm 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}