@charset "utf-8";

/* // 2017-base-live.css */ 
/* comment to push */


/*---GLOBAL---*/


/*set up text resizing for ie9+ */

html {
    font-size: 62.5%;
}

body {
    color: #292929;
    font-family: 'ProximaNovaRegular';
    font-size: 16px;
    font-size: 1.6rem;
    position: relative;
    min-width: 303px;
}

h1 {
    font-family: 'ProximaNovaLight';
    font-size: 40px;
    font-size: 4rem;
    padding-bottom: 35px;
    padding-top: 35px;
}

h2 {
    font-family: 'LibreBaskervilleBold';
    /* font-size: 26px;  font-size: 2.6rem; EPH */
    margin-top:10px; font-size: 22px;  font-size: 2.2rem; /* to match NP results */
    margin-bottom: 35px;
}

h3 {
    color: #143A50;
    font-family: 'ProximaNovaBold';
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 0;
    /* changed to global 0px need to make this more specific margin-top: 75px;*/
    text-transform: uppercase;
}

h4 {
    font-family: 'ProximaNovaSemibold';
    /*16px*/
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0;
}

h4 > small {
    font-family: 'ProximaNovaRegularItalic';
    font-size: 14px;
    font-size: 1.4rem;
}

h5 {}

h6 {}

p {
    font-size: 15.5px;
    font-size: 1.55rem;
}

a {
    color: #477896;
    text-decoration: underline;
}

a:focus,
a:hover {
    text-decoration: none;
}
a.btn, a[role='button'] {
    text-decoration: none;
}

a.btn:focus,
a.btn:hover, 
a[role='button']:focus, 
a[role='button']:hover {
    text-decoration: underline;
}

a[href^="tel"],
a[href^="tel"]:hover,
a[href^="tel"]:focus {
    color: inherit;
    text-decoration: none;
}

h2 small {
    font-family: 'ProximaNovaRegular';
    font-size: 16px;
    font-size: 1.6rem;
    font-style: italic;
}


/* volunteer events page */

.volunteer-event-h1 {
    padding-bottom: 0px;
    padding-bottom: 0rem;
    margin-bottom: 0px;
    margin-bottom: 0rem;
}

.block-text {
    display: block;
}

.volunteer-text {
    color: #5E88A2;
    padding-left: 15px;
    padding-left: 1.5rem;
    margin-bottom: 0px;
    margin-bottom: 0rem;
    margin-top: 0px;
    margin-top: 0rem;
}

.seeking-volunteers {
    margin-top: 10px;
}

.volunteer-h4 {
    color: #5E88A2;
    margin-bottom: 8px;
}

main.volunteer-event-main,
main.secondary.event-main {
    margin-top: 0;
}

.volunteer-contact {
    color: #153B50;
}

.volunteer-details .all-caps {
    margin-bottom: 20px;
    margin-bottom: 2.0rem;
}

.volunteer-details p.text-bold {
    margin-bottom: 0;
}

.volunteer-details p.bottom-padding {
    padding-bottom: 13px;
    padding-bottom: 1.3rem;
}

.email-button,
.learn-more {
    width: 100%;
}

.charity-details .learn-more {
    padding: 10px 0;
}

.charity-details hr {
    width: 66.6666667%;
}

a.email[href^="mailto"],
a.email[href^="mailto"]:hover,
a.email[href^="mailto"]:focus {
    color: inherit;
    text-decoration: none;
}

.event-details-list li {
    margin-bottom: 5px
}

.volunteer-details .add-to-calendar {
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.event-main .add-to-calendar{
    float: left;
    margin-right: 5px;
}

/* end volunteer events page */


/* begin events page*/

.events-vol-desc {
    margin-left: 30px;
}

.events-vol-desc img {
    float: left;
}

.events-vol-desc img + label {
    font-size: 85%;
    margin-left: 4px;
}

.event-main .addthis_sharing_toolbox {
    clear: none !important; /* override JS library */
    display: inline-block;
    float: left;
    margin-top: 5px;
}

.event-sort {
    margin-top: 10px;
}

.event-sort select.form-control {
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 1.33;
    padding: 10px 29px;
}

.select-arrows {
    position: relative;
    display: block;
}

.event-sort .select-arrows:before {
    content: '\f0d8';
    font-family: FontAwesome;
    color: #000;
    position: absolute;
    right: 14px;
    top: 8px;
}

.event-sort .select-arrows:after {
    content: '\f0d7';
    font-family: FontAwesome;
    color: #000;
    position: absolute;
    right: 14px;
    top: 20px;
}

.events-h2 {
    color: #487896;
}

.events-h3 {
    font-family: 'LibreBaskervilleBold';
    font-size: 26px;
    font-size: 2.6rem;
}

.events-h3 a {
    color: #7B7979;
    text-transform: none;
    /* float: left;  EPH2017 */
}

.events-h3 a + img {
    float: left;
    margin-left: 5px;
    margin-top: 4px;
}

.events-h4 {
    font-weight: bold;
}

.event-host {
    color: #153B50;
    font-size: 24px;
    font-size: 2.4rem;
}
.well.event-well{
    border: none;
    padding: 0;
}
.well.event-well > div{
    border: 2px solid #DDD;
    border-top: 0;
    padding: 15px;
}

/* end events page*/


/* begin volunteer search page*/

.vol-event {
    padding-bottom: 0;
    padding-top: 30px;
}

.vol-filters{
    display: block !important;
}

.vol-filters button {
    background: none;
    border: 1px solid #ddd;
    padding: 5px;
    width: 100%;
}

.vol-filters button .caret {
    display: block;
    float: right;
    margin-top: 9px;
}

.vol-filters .dropdown-menu {
    margin-top: 0;
    padding: 5px;
    margin-left: 20px; min-width:270px;  /* new EPH2017 -- iPhoneSE320fullwidth */
    width: 90%; /* 100%; EPH2017 */
    padding-top:40px!important; /* 100%; EPH2017 */
}

.vol-filters .dropdown-menu li:last-child {
    margin-bottom: 0;
}

.vol-filters .dropdown-menu label {
    padding-left: 30px;
    position: relative;
    width: 100%;
}
.vol-filters > label{
    margin-top: 15px;
}
.vol-filters li{
    margin-bottom: 8px;
    margin-left: 25px;
}

.vol-filters li.all-areas{
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 22px;
}
.vol-filters li.all-areas:first-child{
    margin-top: 0;
}
.vol-filters li.all-areas:last-child{
    margin-bottom: 0;
}

.vol-filters > label[for='location'] {
    margin-top: 0;
}
.vol-filters .dropdown-menu input {
    left: 7px;
    margin-right: 5px;
    position: absolute;
    top: 0;
    transform: scale(1.5);
}

.vol-listing .thumbnail {
    padding: 0;
    position: relative;
}

.vol-listing img {
    width: 100%;
}

.vol-filter-result-btn {
    color: inherit !important;
    position: relative;
    padding-right: 20px;
    margin-right: 5px;
}

.vol-filter-result-btn:last-child {
    margin-right: 0;
}
.vol-filter-result-btn:after {
    display: block;
    color: #487896;
    position: absolute;
    top: 0;
    right:2px;
    height: 22px;
    width: 15px;
    font-family :'FontAwesome' !important;
    content:"\f057";
}
.volunteer-search-label {
    display: block;
}

.volunteer-search-h1 {
    padding-top: 20px;
    padding-bottom: 0;
}

.volunteer-search-h2 {
    color: #487896;
}

.volunteer-search .display-group label {
    display: block;
    margin-top: 5px;
}

.volunteer-search-main .fa-times-circle {
    color: #487896;
    float: none;
    opacity: 1;
}

.volunteer-search-main .narrow-search {
    color: #934683;
}

.volunteer-search .btn-sort.active {
    background-color: #487896;
}

.volunteer-search .btn-sort {
    background-color: #fff;
}

.volunteer-search .btn-sort.active .fa-th:before, .volunteer-search .btn-sort.active .fa-th-list:before {
    color: #fff;
}

.volunteer-search .btn-sort .fa-th-list:before {
    color: #487896;
}

.volunteer-search-main .bottom-align .btn{
    padding: 8px 0;
    font-size: 16px;
    font-size: 1.6rem;
}
.volunteer-search-main grid-view{
    display: block;
}
.volunteer-search-main.list-view grid-view{
    display: none;
}
.volunteer-search-main list-view{
    display: none;
}
.volunteer-search-main.list-view list-view{
    display: block;
}
.multiselect-container li {
    margin-bottom: 0;
}

.dhxcombolist_material {
    width: 20% !important;
}

.dhxcombo_material {
    width: 100% !important;
}

.dhxcombo_input {
    width: 100% !important;
}


/* end events page*/

form small {
    font-family: 'ProximaNovaThin';
    font-size: 13px;
    font-size: 1.3rem;
}

strong {
    color: #101214;
}

.text-bold {
    font-weight: 700;
}

.all-caps {
    text-transform: uppercase;
}


/* do not group these rules */

*::-webkit-input-placeholder {
    color: #292929 !important;
}

*:-moz-placeholder {
    /* FF 4-18 */
    color: #292929 !important;
}

*::-moz-placeholder {
    /* FF 19+ */
    color: #292929 !important;
}

*:-ms-input-placeholder {
    /* IE 10+ */
    color: #292929 !important;
}

hr {
    border-top-color: #ddd;
}

ol li,
ul li {
    margin-bottom: 20px;
}

main li {
    margin-bottom: 0px; /* EPH added */
}
input,
select {
    border: 1px solid #ccc;
}

textarea,
select,
select.form-control,
textarea.form-control {
    border: 1px solid #ccc;
    border-radius: 0;
}

textarea {
    resize: none;
}

input,
select {
    border: 1px solid #ddd;
}

input:focus,
select:focus,
textarea:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.lead {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.5;
}

blockquote {
    padding-left: 0;
    border: none;
    padding-bottom: 0;
    margin-bottom: 5px;
}

blockquote small {
    font-size: 13px;
    font-size: 1.3rem;
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
    margin-bottom: 15px;
}

.dropdown-toggle:focus {
    outline: 2px solid #487896;
}

p.img-above {
    margin-top: 15px;
}

.normal {
    margin-bottom: 10px;
}

.normal li {
    margin-bottom: 5px;
}

.well .normal {
    margin-bottom: 0;
}

.alert-danger {
    background-color: #FFF7F7;
    color: #9E3735;
}

.alert-danger a {
    text-decoration: underline;
}

.btn {
    border-radius: 0;
    font-family: 'ProximaNovaSemibold';
    transition: color 0.3s ease;
    transition: background-color 0.3s ease;
}

.btn-gray {
    background-color: #c8c8c8;
}

.btn-gray:focus,
.btn-gray:hover {
    background-color: #292929;
    border-color: #c8c8c8;
    color: #fff;
}

.btn-primary {
    background-color: #487896;
    border-color: #487896;
    font-family: 'ProximaNovaBold';
    text-transform: uppercase;
}

.btn-primary:focus,
.btn-primary:hover {
    background-color: #fff;
    border-color: #487896;
    color: #487896;
}

.btn-secondary {
    background-color: #934683;
    border-color: #934683;
    color: #fff;
    font-family: 'ProximaNovaBold';
    text-transform: uppercase;
}

.btn-secondary:focus,
.btn-secondary:hover {
    background-color: #fff;
    border-color: #934683;
    color: #934683;
}

.btn-tertiary {
    background-color: #153B50;
    border-color: #153B50;
    color: #fff;
    font-family: 'ProximaNovaBold';
    text-transform: uppercase;
}

.btn-tertiary:focus,
.btn-tertiary:hover {
    background-color: #fff;
    border-color: #153B50;
    color: #153B50;
}

.btn-primary.btn-inverse {
    background-color: #fff;
    color: #487896;
    border-color: #487896;
    font-family: 'ProximaNovaBold';
    text-transform: uppercase;
}

.btn-primary.btn-inverse:focus,
.btn-primary.btn-inverse:hover {
    background-color: #487896;
    border-color: #487896;
    color: #fff;
}
/* EPH begin */
.btn-campaign {
    color: #fff;
    font-family: 'ProximaNovaBold';
    text-transform: uppercase;
    white-space:normal;
    width:auto!important;
    padding-left:12px!important;
    padding-right:12px!important;
}

.btn-campaign:focus, .btn-campaign:hover {
    background-color: #fff;
    border-color: #CCC; 
    color: #CCC;
}
/* EPH end */

.btn-success {
    background-color: #05583D;
    border-color: #05583D;
}

.btn-success:focus,
.btn-success:hover {
    background-color: #fff;
    border-color: #05583D;
    color: #05583D;
}

.btn-info {
    background-color: #008ACE;
    border-color: #008ACE;
    color: #101214;
}

.btn-info:focus,
.btn-info:hover {
    background-color: #fff;
    border-color: #008ACE;
    color: #292929;
}

.btn-warning {
    background-color: #FDAF17;
    border-color: #FDAF17;
    color: #292929;
}

.btn-warning:focus,
.btn-warning:hover {
    background-color: #fff;
    border-color: #FDAF17;
    color: inherit;
}

.btn-danger {
    background-color: #931621;
    border-color: #931621;
}

.btn-danger:focus,
.btn-danger:hover {
    background-color: #fff;
    border-color: #931621;
    color: #931621;
}

.btn-link {
    color: #477896;
}

.well {
    background: none !important;
    border: 2px solid #DDD;
    padding: 15px;
    border-radius: 0;
}

.well-lg {
    padding: 25px;
}

.well-sm {
    padding: 5px;
}

.info-tooltip {
    padding: 0;
}

.info-tooltip > .fa {
    font-size: 20px;
    font-size: 2rem;
}

small {
    font-family: 'ProximaNovaSemiboldItalic';
    color: #292929 !important;
}

small a {
    font-family: 'ProximaNovaRegular';
}

dl > a {
    margin-bottom: 47px;
}

dl dt {
    margin-bottom: 5px;
}

dl > div a {
    cursor: pointer;
}


/*--- form errors ---*/

div[class^=errors-] {
    background: #fde9ea;
    margin-bottom: 15px;
    color: #931621;
}

div[class^=errors-] .error-heading {
    background: #931621;
    border-color: #931621;
    color: #fff;
    font-family: 'ProximaNovaBold';
    font-size: 17px;
    font-size: 1.7rem;
    padding: 15px;
    margin-bottom: 15px;
}

div[class^=errors-] .error-heading .fa-exclamation {
    font-size: 28px;
    font-size: 2.8rem;
}

div[class^=errors-] .summary-list a {
    color: #931621;
    font-family: 'ProximaNovaRegular';
    font-size: 16px;
    font-size: 1.6rem;
}

form div.error,
form div.error > div {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

form .error select,
form .error input,
form .error + textarea {
    border: 1px solid #931621;
}

form .error label,
form label.error {
    color: #931621;
}

form .error strong,
form strong.error {
    bottom: 0;
    color: #931621;
    display: block;
    font-family: 'ProximaNovaSemibold';
    font-size: 13px;
    font-size: 1.3rem;
    position: absolute;
}


/*blog comment textarea*/

form .comments strong.error {
    top: 165px;
    left: 5px;
}

form .error + textarea {
    margin-bottom: 30px;
}

.adobeBlank {
    display: none;
    font-size: 0;
}

.back-top {
    display: inline-block;
    margin-top: 5px;
    padding-left: 20px;
    position: relative;
}

.back-top:before {
    content: "\f062";
    font-family: 'FontAwesome';
    height: 20px;
    left: 3px;
    position: absolute;
    top: -2px;
    width: 15px;
}

.back-top-border {
    display: block;
    position: relative;
    bottom: 35px;
}

.back-top-border:before {
    border-bottom: 1px solid #e2e2e2;
    content: "";
    position: absolute;
    width: 100%;
}


/*--- end of form errors ---*/


/*---HEADER---*/
header a {
    text-decoration: none;
}
header a:focus,
header a:hover {
    text-decoration: underline;
}
header .btn:focus,
header .btn:hover{
    text-decoration: none;
}
.scrollup {
    background-color: #0F344C;
    border-color: #0F344C;
    padding: 15px 10px 5px;
    position: fixed;
    bottom: 0;
    right: 8px;
    font-weight: 600;
    display: none;
    z-index: 1000000;
}

.secondary-nav {
    margin-top: 12px;
}

.list-inline {
    white-space: nowrap; /* EPH new */
}

.secondary-nav li {
    margin-left: 10px;
}

.secondary-nav li a {
    color: #292929;
    font-family: 'ProximaNovaSemibold';
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.catalogue-donate-button {
    border-radius: 0;
    float: right;
    line-height: 1;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 15px;
}

.donate-button {
    float: none;
}

.donate-button,
.volunteer-button {
    border-radius: 0;
    line-height: 1;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 15px;
}

.volunteer-button {
    float: left;
    margin-right: 28px;
}


/*---NAV---*/

body.canvas-slid {
    overflow-x: hidden;
}

body.mac.canvas-slid {
    overflow-x: auto;
}

.navbar-toggle {
    float: left;
    margin-right: 0;
}

.navbar-toggle:focus {
    outline: #487896 solid 1px;
}

.primary-nav,
.secondary-nav {
    display: none;
}

.primary-nav {
    background-color: #153B50;
    margin-top: 20px;
}

.primary-nav nav {
    margin-bottom: 10px;
    margin-top: 10px;
}

.primary-nav nav .nav-menu {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 15;
}

.primary-nav > nav > ul > li > a {
    color: #fff;
    font-family: 'ProximaNovaSemibold';
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: .05em;
    transition: color 0.3s ease;
}

.primary-nav > nav > ul > li > a:focus,
.primary-nav > nav > ul > li > a:hover,
.primary-nav > nav > ul > li > a.open.primary-nav > nav > ul > li > a:focus,
.primary-nav > nav > ul > li > a:hover,
.primary-nav > nav > ul > li > a.open,
.primary-nav > nav > ul > li > a.active-section {
    color: #FDAF17;
    text-decoration: underline;
}

.primary-nav nav > ul li:first-child,
.secondary-nav > ul li:first-child {
    margin-left: 0;
}

.primary-nav fieldset .search-submit {
    background: #FDAF17;
    border-color: #FDAF17;
    color: #000;
}

.primary-nav fieldset .search-submit:focus,
.primary-nav fieldset .search-submit:hover {
    background: #000;
    border-color: #000;
    color: #FDAF17;
}

.primary-nav nav a {
    color: #fff;
}

.global-search-field input,
.global-search-field button {
    border-radius: 0;
}

.global-search-field .input-group {
    margin-bottom: 0;
}


/* a top level navigation item in the mega menu */

.nav-item {
    display: inline-block;
    text-align:left; /* EPH2017 */
    padding: 0;
    margin: 0;
}


/* first descendant link within a top level navigation item */

.nav-item > a {
    position: relative;
    display: inline-block;
    padding: 0.5em 1em;
    margin: 0 0 -1px 0;
    border: 1px solid transparent;
}


/* focus/open states of first descendant link within a top level
   navigation item */

.nav-item > a:focus,
.nav-item > a.open {}


/* open state of first descendant link within a top level
   navigation item */

.nav-item > a.open {
    border-bottom: none;
    z-index: 1;
}


/* sub-navigation panel */

.sub-nav {
    background-color: #153B50;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    position: absolute;
    display: none;
    top: 28px;
    padding: 0.5em 0 0;
}


/* sub-navigation panel open state */

.sub-nav.open {
    display: block;
}


/* list of items within sub-navigation panel */

.sub-nav ul {
    display: inline-block;
    vertical-align: top;
    padding: 0;
}

.primary-nav .sub-nav ul li a {
    display: block;
    font-family: 'ProximaNovaRegular';
    font-size: 14px;
    font-size: 1.4rem;
    padding: 3px 20px;
}

.primary-nav .sub-nav ul li a:focus,
.primary-nav .sub-nav ul li a:hover {
    background: #fff;
    color: #153B50;
}


/* list item within sub-navigation panel */

.sub-nav li {
    display: block;
    margin: 0;
    padding: 0;
}

.mobile-nav ul {
    margin-bottom: 10px;
    padding-left: 0;
}

.mobile-nav li {
    color: #fff;
    font-family: 'ProximaNovaSemibold';
    font-size: 110%;
    list-style: none;
    margin-bottom: 0;
}

.mobile-nav li a,
.mobile-nav li .btn-link {
    font-family: 'ProximaNovaLight';
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
}

.mobile-nav li ul li a {
    text-indent: 5px;
}

.mobile-nav li .btn-link {
    text-align: left;
    width: 100%;
}

.mobile-nav {
    background: #3b3b3b;
    background: -o-linear-gradient(top, #3e3e3e, #383838);
    background: -ms-linear-gradient(top, #3e3e3e, #383838);
    background: -moz-linear-gradient(top, #3e3e3e, #383838);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #383838));
    background: -webkit-linear-gradient(#3e3e3e, #383838);
    background: linear-gradient(top, #3e3e3e, #383838);
    text-indent: 0;
}

.mobile-nav a,
.mobile-nav .btn-link {
    background: #3b3b3b;
    background: -o-linear-gradient(top, #3e3e3e, #383838);
    background: -ms-linear-gradient(top, #3e3e3e, #383838);
    background: -moz-linear-gradient(top, #3e3e3e, #383838);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #383838));
    background: -webkit-linear-gradient(#3e3e3e, #383838);
    background: linear-gradient(top, #3e3e3e, #383838);
    font-family: 'ProximaNovaSemibold';
    display: block;
    padding: 0.5em 10%;
    border-top: 1px solid #484848;
    border-bottom: 1px solid #2e2e2e;
    text-decoration: none;
    text-shadow: 0 -1px 2px #222;
    color: #f7f7f7;
    position: relative;
}

.mobile-nav li a:hover,
.mobile-nav li a:focus,
.mobile-nav li .btn-link:hover,
.mobile-nav li .btn-link:focus {
    background: #404040;
    background: -o-linear-gradient(top, #484848, #383838);
    background: -ms-linear-gradient(top, #484848, #383838);
    background: -moz-linear-gradient(top, #484848, #383838);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #484848), color-stop(1, #383838));
    background: -webkit-linear-gradient(#484848, #383838);
    background: linear-gradient(top, #484848, #383838);
    color: #fdaf17;
}

.mobile-nav li a:hover:before,
.mobile-nav li a:focus:before,
.mobile-nav li a.current:before {
    content: "\f105";
    font-family: 'FontAwesome';
    height: 5px;
    width: 5px;
    position: absolute;
    left: 10px;
    top: 22%;
}

.mobile-nav li a.current {
    color: #fdaf17;
}


/*---CAROUSEL---*/

.carousel-caption {
    background: #153B50;
    opacity: 0.77; /* eph */
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    padding-left: 55px;
    padding-right: 55px;
}

.carousel-control.left,
.carousel-control.right {
    opacity: .8;
}

.carousel-control:focus,
.carousel-control:hover {
    color: #FDAF17;
}

.carousel-control:focus span {
    outline: 2px solid #487896;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    background-color: black;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    height: auto;
    padding: 8px;
    width: auto;
}

.carousel-control:hover .glyphicon-chevron-left,
.carousel-control:hover .glyphicon-chevron-right,
.carousel-control:focus .glyphicon-chevron-left,
.carousel-control:focus .glyphicon-chevron-right {
    border: 1px solid black;
    padding: 7px;
}

.carousel-control {
    z-index: 1;
}

.carousel-inner > .item {
    min-height: 260px;
}

.carousel-inner > .item h1,
.carousel-inner > .item .h1 {
    font-size: inherit;
    padding: inherit;
}

/* EPH show the image even if small
.carousel-inner > .item > img {
    display: none;
}
*/

.carousel-indicators {
    bottom: 0;
    margin-bottom: 0;
}

.carousel-indicators .active {
    margin: 1px;
}


/*---SIDEBAR---*/


/*---HOMEPAGE---*/

.carousel-indicators li,
.carousel-indicators .active {
    height: 15px;
    width: 15px;
}

.carouselButtons {
    background-color: rgba(0, 0, 0, 0.77);
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.carousel-img-minheight {
    min-height:280px; /* EPH make room for words and indicators */
}

.carouselButtons .btn-link {
    color: #fff;
}

.carouselButtons .btn-link:focus,
.carouselButtons .btn-link:hover {
    color: #FDAF17;
}

.subcategory-section h2 {
    margin-top: 50px;
}

.subcategories .thumb {
    border: none;
    display: block;
    margin-bottom: 10px; /* EPH grid was 30px; */
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    position: relative;
}

.subcat-grid-item
{
    padding-left:5px; /* EPH grid */
    padding-right:5px; /* EPH grid  */
}


.subcategories .thumb .img-responsive {
    min-width: 100%;
}

.subcategories .cap {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6); /* EPH grid was rgba(0, 0, 0, 0.8); */
    display: block;
    left: 0;
    padding: 0;
    padding-left:2px; /* EPH grid */
    padding-right:2px; /*EPH grid */
    text-transform: uppercase;
    width: 100%;
}

.subcategories .cap > h3 {
    min-height: 60px; /* EPH bar was 70px; */
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

.subcategories .cap a {
    color: rgb(255, 255, 255);
    display: block;
    font-size: 19px;
    font-size: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    padding-bottom: 18px; /* EPH bar was 23px; */
    padding-top: 22px; /* EPH bar was 27px; */
    transition: background-color 0.3s ease;
}

.subcategories .cap a:hover {
    background: #000;
}

.subcategories .cap h3.multi-line a {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 8px; /* EPH bar was 13px; */
    padding-top: 12px; /* EPH bar was 17px; */
}

.home-how-help-section {
    margin-top: 20px; /* EPH bar was 0 but need extra 20 to make up for 10 instead of 30 */
}

.home-how-help-section .btn {
    font-size: 19px;
    font-size: 1.9rem;
    margin-top: 15px;
    width: 100%;
}

/*---Styleguide---*/
.style-guide-container h2 {
    margin-top: 40px;
}

.style-example {
    padding: 0 15px 25px;
    margin-top: 0;
}

.style-color {
    display: block;
    height: 64px;
    width: 64px;
}

.style-color.primary {
    background-color: #153B50;
}

.style-color.secondary {
    background-color: #487896;
}

.style-color.tertiary {
    background-color: #292929;
}

.style-color.text {
    background-color: #FDAF17;
}

.style-color.btn-secondary-color {
    background-color: #934683;
}

/*---Search/Results page---*/
main.secondary {
    margin-top: 50px;
}

.search-results .filter-toggle-button .btn {
    margin-bottom: 25px;
}

.search-results aside h3 {
    margin-top: 40px;
}

.search-results aside .category-toggle {
    color: inherit;
    font-family: 'ProximaNovaSemibold';
    font-size: inherit;
    padding: 0 20px 0 0; /* eh was just 0 -- added for pseudoclass firerfox fix 8/2016 http://stackoverflow.com/questions/11701145/after-content-in-an-a-not-clickable-in-chrome */
    position: relative;
}

.search-results aside .category-toggle[aria-expanded="true"]:before,
.search-results aside .category-toggle[aria-expanded="false"]:before {
    font-family: 'FontAwesome';
    position: absolute;
    right: 0; /* eh 8/2016 was -20px -- fix firefox unclickable pseudoclass with button (ok div) */
    top: 0;
}

.search-results aside .category-toggle[aria-expanded="false"]:before {
    content: '\f105';  /*  content: '\f196'; */
}

.search-results aside .category-toggle[aria-expanded="true"]:before {
    content: '\f107'; /*    content: '\f147';  ADDTO:new2016 */
}

.search-results aside .selections .btn-link,
.search-results aside .selections a {
    font-size: 14px;
    font-size: 1.4rem;
}

.search-results aside .selections .btn-link {
    margin-left: 15px;
}

.search-results aside .selections ul {
    margin-left: 10px;
}

.search-results aside .selections ul li label {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
}

.search-results aside .collaspingSection .state-collapse {
    color: inherit;
    font-family: 'ProximaNovaSemibold';
    position: relative;
}

.search-results aside .collaspingSection .state-collapse[aria-expanded="true"]:before,
.search-results aside .collaspingSection .state-collapse[aria-expanded="false"]:before {
    font-family: 'FontAwesome';
    position: absolute;
    right: -5px;
    top: 5px;
}

.search-results aside .collaspingSection .state-collapse[aria-expanded="false"]:before {
    content: '\f054';
}

.search-results aside .collaspingSection .state-collapse[aria-expanded="true"]:before {
    content: '\f078';
}

.search-results aside .collaspingSection ul {
    margin-left: 35px;
}

.search-results .thumbnail {
    border-radius: 0;
    border: 2px solid #CCC; /* EPH nonprofits-grid.php */
    padding: 0 0 75px;
    position: relative;
}

.bottom-align {
    bottom: 0;
    position: absolute;
    min-width: 95%;
}

.search-results .thumbnail > img {
    width: 100%;
}

.search-results .thumbnail .caption .name {
    min-height:0;margin-bottom:10px;margin-top:10px; /* EPH nonprofits-grid.php adjust H2 with org name */
}

.search-results .thumbnail .caption .lastline {
    margin-bottom:0; /* EPH nonprofits-grid.php */
}

.search-results .thumbnail .caption h2 {
    font-size: 22px;
    font-size: 2.2rem;
}

.search-results .thumbnail .caption p {
    font-size: 15px;
    font-size: 1.5rem;
}

.search-results .sort-display-menu-container {
    margin-bottom: 20px;
}

.search-results .sort-display-menu-container .sort-display-menu {
    position: relative;
}

.search-results .sort-display-menu-container .sort-display-menu .sort-toggle {
    color: inherit;
    font-family: 'ProximaNovaSemibold';
    font-size: 15px;
    font-size: 1.5rem;
    margin-right: 45px;
    padding: 0 13px 0 0;
    position: relative;
}

.search-results .sort-display-menu-container .sort-display-menu .sort-toggle.collapsed:before,
.search-results .sort-display-menu-container .sort-display-menu .sort-toggle:before {
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    top: 0;
}

.search-results .sort-display-menu-container .sort-display-menu .sort-toggle:before {
    content: '\f0d7';
}

.search-results .sort-display-menu-container .sort-display-menu .sort-toggle.collapsed:before {
    content: '\f0da';
}

.search-results .sort-display-menu-container .sort-display-menu .sort-by {
    margin-right: 15px;
}

.search-results .sort-display-menu-container .sort-display-menu .sort-by .input-lg {
    font-size: 16px;
    font-size: 1.6rem;
    height: 41px;
    line-height: 41px;
}

.sort-by.dropdown-menu > li {
    margin-bottom: 0;
}

.sort-by.dropdown-menu > li > button {
    border: 1px solid transparent;
    display: block;
    width: 100%;
}

.sort-by.dropdown-menu > li > button:focus,
.sort-by.dropdown-menu > li > button:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #487896;
    border-color: #487896;
}

.search-results .sort-display-menu-container .sort-display-menu .display-group {
    display: inline-block;
}

.search-results .sort-display-menu-container .sort-display-menu .display-group label {
    display: block;
    font-family: 'ProximaNovaSemibold';
    font-size: 15px;
    font-size: 1.5rem;
}

.search-results .sort-display-menu-container .sort-display-menu .display-group .btn-sort {
    background: #fff;
    border: none;
    color: #487896;
}

.search-results .sort-display-menu-container .sort-display-menu .display-group .btn-sort.active {
    background: #487896;
    color: #fff;
}

/*   search page list view   */
.search-list-view .search-list-jumplinks li a {
    font-family: 'ProximaNovaBold';
    font-size: 22px;
    font-size: 2.2rem;
}

.search-list-view .title-section {
    border-bottom: 3px solid #999;
    margin-bottom: 20px;
    margin-top: 40px;
}

.search-list-view .media .media-left .media-object {
    max-width: 64px;
}

.search-list-view .media .media-body .media-heading {
    color: inherit;
    float: left;
    font-family: 'LibreBaskervilleBold';
    font-size: 15px;
    font-size: 1.5rem;
    position: relative;
    width: 100%;
}

.search-list-view .media .media-body .media-heading.collapsed:before,
.search-list-view .media .media-body .media-heading:before {
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    top: 0;
}

.search-list-view .media .media-body .media-heading:before {
    content: '\f0d7';
}

.search-list-view .media .media-body .media-heading.collapsed:before {
    content: '\f0da';
}

.search-list-view .media .media-body .content {
    width: 100%;
}


/*---CONTACT---*/

.email-contact {
    margin-top: 35px;
}

.email-contact li {
    margin-bottom: 25px;
}

main address {
    margin-bottom: 0;
    margin-top: 20px;
}

main address > span,
address > a {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 5px;
}

.input-group .form-control {
    border-radius: 0;
}


/*---one column forms---*/

.one-column-form input,
.one-column-form label,
.one-column-form select.form-control {
    display: block;
    width: 100%;
}

.one-column-form input,
.one-column-form select.form-control {
    margin-bottom: 15px;
    height: 35px;
    padding: 10px 16px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3333333;
}

.one-column-form select.form-control {
    padding: 6px 12px;
}

.one-column-form .checkbox input,
.one-column-form .checkbox label,
.one-column-form .radio input,
.one-column-form .radio label {
    display: inline-block;
    clear: both;
    float: left;
    height: auto;
    width: auto;
}

.one-column-form .checkbox label,
.one-column-form .radio label {
    font-size: 14px;
    font-size: 1.4rem;
}

.one-column-form .checkbox,
.one-column-form .radio,
.one-column-form textarea {
    margin-bottom: 15px;
}

.one-column-form .verify label {
    padding-bottom: 5px;
}

.one-column-form .verify label > small {
    display: inline-block;
}

.one-column-form .verify input {
    display: block;
}

.checkbox .error p:first-child,
.radio .error p:first-child {
    color: #931621;
}

.checkbox .error strong.error,
.radio .error strong.error {
    bottom: -10px;
    left: 0;
}


/*---two column forms---*/

.two-column-form input,
.two-column-form label {
    display: block;
    width: 100%;
}

.two-column-form input {
    margin-bottom: 15px;
    height: 35px;
    padding: 10px 16px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3333333;
}

.two-column-form select.form-control {
    display: inline-block;
    margin-bottom: 15px;
    padding: 0;
}

.two-column-form .user-type select.form-control {
    margin-right: 0;
}

.two-column-form .zip-label {
    display: table-cell;
    width: auto;
}

.two-column-form .checkbox > div,
.two-column-form .radio > div {
    display: table-cell;
    margin-left: 0;
}

.two-column-form .checkbox input,
.two-column-form .checkbox label,
.two-column-form .radio input,
.two-column-form .radio label {
    display: inline-block;
    clear: both;
    float: left;
    height: auto;
    width: auto;
}

.checkbox label,
.radio label {
    font-size: 14px;
    font-size: 1.4rem;
}

.two-column-form .checkbox,
.two-column-form .radio,
.two-column-form textarea {
    margin-bottom: 15px;
}

.two-column-form .comments {
    position: relative;
    text-align: left;
}

.one-column-form input.btn,
.two-column-form input.btn {
    font-size: inherit;
    height: auto;
    line-height: 1.42857143;
    padding: 6px 12px;
    margin-bottom: 0;
}

.one-column-form .submit-button,
.two-column-form .submit-button {
    text-align: left;
}

.two-column-form .verify label {
    padding-bottom: 5px;
}

.two-column-form .verify label > small {
    display: inline-block;
}

.two-column-form .verify input {
    display: block;
}

.two-column-form .two-wide > div {
    display: table-cell;
    width: 100%;
}

.two-column-form .two-wide > div > div {
    position: relative;
}

.checkbox p,
.radio p {
    float: left;
    font-family: 'ProximaNovaSemibold';
    margin-bottom: 0;
    text-align: left;
    width: 100%;
}

.login-form fieldset {
    padding: 15px;
}

.login-form li {
    margin-bottom: 0;
}

.login-form .form-group-lg input.form-control {
    border-radius: 0;
}

.login-form a {
    display: inline-block;
}

.login-form .submit-button {
    width: 12.1em;
}

.login-form strong.error {
    bottom: -12px;
    left: 0;
}

/*---FAQ page---*/
.faq-list-container {}

.faq-list-container dt {
    margin-bottom: 15px;
}

.faq-list-container dt,
.faq-list-container dd {
    position: relative;
}


/* CFP-46 removed 'q' and 'a' from FAQ page for 508 screen reader issue-- some sr were reading the letter while others were not
.faq-list-container dt:before, .faq-list-container dd:before {
    content: "\0051:";
    left: 0;
    position: absolute;
    font-family: 'LibreBaskervilleBold';
    font-size: 26px;
    font-size: 2.6rem;
    top: -10px;
}

.faq-list-container dd:before {
    content: "\0041:";
}*/

.faq-questions {
    margin-bottom: 20px;
}

/*Who We Are pages*/
.about-list li:before {
    content: "-";
    position: relative;
    left: -5px;
}

.about-list li {
    text-indent: -5px;
}

.about-list {
    padding-top: 20px;
}

.who-we-are-nav li a {
    text-decoration: none;
    position: relative;
}

.who-we-are-nav li a.current {
    font-family: 'ProximaNovaSemibold';
    font-size: 110%;
}

.who-we-are-nav ul a + ul {
    display: none;
    padding-left: 10px;
}

.who-we-are-nav ul a.current + ul,
.who-we-are-nav ul a.active-parent + ul {
    display: block;
}

.who-we-are-nav ul a + ul li {
    margin-bottom: 6px;
}

.who-we-are-nav ul a + ul li a {
    font-size: 14px;
    font-size: 1.4rem;
}

.who-we-are-nav ul a.active-parent + ul a.current {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'ProximaNovaRegular';
    font-weight: 600;
}

.list-unstyled > li > ul > li {
    list-style-type: none;
}

.who-we-are-nav li a.current:before,
.who-we-are-nav li a:hover:before,
.who-we-are-nav li a:focus:before {
    content: "\f105";
    font-family: 'FontAwesome';
    right: -15px;
    position: absolute;
    top: -1px;
}

.cfp-video-caption {
    width: 300px;
}

.media-object {
    width: 100px;
}

.sponsors-heading3 {
    margin-top: 5px;
    margin-bottom: 10px;
}

.two-column-well {
    overflow: auto;
}

.two-column-list li {
    float: left;
    width: 50%;
}

.team-member {
    margin-bottom: 40px;
}

.team-member h2 {
    margin-bottom: 15px;
}

.team-member h2 > small,
.team-member h2 > small > a {
    display: block;
}

.longlist {
    width: 500px;
}

.testimonial {
    color: #153B50;
    font-family: 'ProximaNovaBold';
    font-size: 18px;
    font-size: 1.8rem;
}

/*Vetting page*/

.apply-heading {
    color: #931621;
}

.review-heading {
    color: #05583D;
}

.process-heading {
    color: #934683;
}

.vetted-heading {
    color: #337ab7;
}

/*Sharing Page*/
.best-of-badge-sharing {}

/*Vision Pages*/
.vision {
    background: url("/resources/images/vision-sprite.jpg") no-repeat transparent 0 0 scroll;
    display: block;
    height: 173px;
    margin: 0 auto 20px;
    width: 208px;
}

.vision.create {
    background-position: -209px 0;
}

.vision.empower {
    background-position: -417px 0;
}

.vision.expand {
    background-position: -625px 0;
}

.vision.educate {
    background-position: -833px 0;
}

.vision.convene {
    background-position: -1041px 0;
}

.vision.collaborate {
    background-position: -1248px 0;
}

.vision.inspire {
    background-position: -1454px 0;
}

.vision.transform {
    background-position: -1664px 0;
}

.vision:hover,
.vision:focus {
    background-position: 0 -173px;
}

.vision.create:hover,
.vision.create:focus {
    background-position: -209px -173px;
}

.vision.empower:hover,
.vision.empower:focus {
    background-position: -417px -173px;
}

.vision.expand:hover,
.vision.expand:focus {
    background-position: -625px -173px;
}

.vision.educate:hover,
.vision.educate:focus {
    background-position: -833px -173px;
}

.vision.convene:hover,
.vision.convene:focus {
    background-position: -1041px -173px;
}

.vision.collaborate:hover,
.vision.collaborate:focus {
    background-position: -1248px -173px;
}

.vision.inspire:hover,
.vision.inspire:focus {
    background-position: -1454px -173px;
}

.transform:hover,
.transform:focus {
    background-position: -1664px -173px;
}

.engage:active {
    background-position: 0 -349px;
}

.vision.create:active {
    background-position: -209px -349px;
}

.vision.empower:active {
    background-position: -417px -349px;
}

.vision.expand:active {
    background-position: -625px -349px;
}

.vision.educate:active {
    background-position: -833px -349px;
}

.vision.convene:active {
    background-position: -1041px -349px;
}

.vision.collaborate:active {
    background-position: -1248px -349px;
}

.vision.inspire:active {
    background-position: -1454px -349px;
}

.transform:active {
    background-position: -1664px -349px;
}

.vision-image {
    margin: 50px auto 0;
    max-width: 194px;
}

.back {
    margin-bottom: 15px;
    padding-left: 20px;
    position: relative;
}

.back:before {
    content: "\f060";
    font-family: 'FontAwesome';
    height: 22px;
    width: 15px;
    position: absolute;
    left: 0;
}

.forward {
    padding-right: 20px;
    position: relative;
}

.forward:before {
    content: "\f061";
    font-family: 'FontAwesome';
    height: 22px;
    width: 15px;
    position: absolute;
    right: 0;
}

.vs-heading {
    color: #05583D;
    margin-bottom: 0;
}

.inspire-p {
    text-indent: 1em;
}

/*---Press Page---*/
.press-release {
    margin-bottom: 0;
}

.press-release strong {
    display: block;
}

.press-release a:first-child {
    font-family: 'ProximaNovaSemibold';
    font-size: 18px;
    font-size: 1.8rem;
}

.url_press_release a {
    font-family: 'ProximaNovaRegularItalic';
    font-size: 15px;
    font-size: 1.5rem;
    text-transform: capitalize;
}


/*---All Events---*/

.all-event-button .fa,
.event-button .fa {
    font-weight: bold;
}

.search-event > small {
    display: block;
}

.location-select,
.category-select {
    display: block;
    width: 100%;
    padding: 5px;
}

.event-add-to-calendar {
    margin: 25px 0;
}

.event-details {
    margin-top: 25px;
}

.back-to-events {
    padding-bottom: 10px;
}

.event-details-row {
    padding-bottom: 25px;
}

.see-also {
    margin-top: 25px;
}

.more-info-toggle {
    padding: 0;
}

.event-day-container {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

/*---All News---*/
.news-paragraph {
    margin: 0;
}

/*---Kids List---*/
.category-sort li {
    display: inline;
}

/* How to Help page*/
.give-image {}

.volunteer-img {
    vertical-align: inherit;
    margin-left: 5px;
}

/*---Gift Cards---*/
.gift-card-img {
    width: 300px !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

.red-text {
    color: #c00000;
}

/*---Gift Cards Process---*/
.gift-card-p {
    margin-top: 15px;
}

.gift-card-form .two-wide > div {
    width: auto;
}

.gift-card-form .two-wide > div > div {
    display: table-cell;
    vertical-align: top;
    width: 105px;
}

.gift-card-form .two-wide > div > div:first-child {
    width: 150px;
}

.gift-card-form .two-wide > div label,
.gift-card-form .two-wide > div select {
    clear: both;
    vertical-align: bottom;
    width: auto;
}

.gift-card-form .two-wide > div select {
    width: 120px;
}

.gift-card-form .two-wide > div > div:first-child strong {
    right: -105px;
}

.gift-card-form .two-wide > div > div:nth-child(2) strong {
    left: -150px;
}

.input-group-addon input[type="radio"] {
    height: 15px;
    margin-bottom: 0;
}

form.gift-card-form {
    text-align: left;
}

div.row > div.col-xs-12 > strong.error {
    margin-bottom: -10px;
    margin-left: 17px;
}

div.radio > label > strong.error {
    margin-bottom: -25px;
}

.radio-select2 {
    margin-top: 10px;
}

.mail-to-me.error,
.amount-25.error {
    color: #292929 !important;
}

.info {
    margin-top: 10px;
}

.gift-card-form .col-sm-6 > div {
    display: table;
    width: 100%;
    padding-top: 0;
}

.input-group {
    margin-bottom: 10px;
    margin-left: -13px;
}

.gift-card-form input,
.gift-card-form label {
    /*display: table-cell;*/
    width: auto;
    vertical-align: top;
}

.gift-card-form label {
    padding-right: 2%;
    padding-top: 5px;
    width: 100%;
}

.gift-card-form .two-line label {
    padding-top: 0;
}

.gift-card-form .checkbox,
.gift-card-form .radio {
    width: 15.6em;
}

.gift-card-form .checkbox input,
.gift-card-form .checkbox label,
.gift-card-form .radio input,
.gift-card-form .radio label {
    float: left;
    padding-right: 0;
    text-align: left;
}

.gift-card-form input.zip-code {
    clear: both;
    float: right;
    width: 4.95em;
}

.gift-card-form select.form-control {
    width: 49%;
}

.gift-card-form .user-type select.form-control {
    width: auto;
}

.gift-card-form .btn-primary {
    margin-top: 10px;
}

/*---Stock---*/
.stock {
    padding-bottom: 10px;
}

/*---Advanced Search---*/
label[for="year"] {
    display: block;
}

/*---Blog---*/
.blog .posts.back {
    position: relative;
    padding-left: 35px;
}

.blog .posts.back:before {
    content: "\f177";
    font-family: 'FontAwesome';
    font-size: 28px;
    font-size: 2.8rem;
    position: absolute;
    left: 0;
    top: -10px;
    height: 15px;
    width: 40px;
}

.blog article {
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

.blog aside h3 {
    font-family: "LibreBaskervilleBold";
    text-transform: capitalize;
}

.entry-title > a {
    color: inherit;
}

.entry-meta {
    margin-bottom: 15px;
}

.comments-link {
    margin-top: -35px;
}

/*
// EPH causing headings to move to right of content /2015/11/12/around-town-1113-1119/
.entry-content > * {
    float: left; 
}
*/

.entry-content h3 {
    margin-top: 25px;
}

.entry-content h3,
.entry-content h4,
.entry-content > .org {
    clear: both;
}

/* EPH blog have past months, but contained in a box */
#archives-3 h3 {
    margin-top:0!important;
}

#archives-3 {
    height: 300px;
    width: 250px;
    overflow-y: scroll;
    border: 3px solid #ccc;
    padding: 8px;
}

.entry-content h4 {
    margin-bottom: 15px;
}

.entry-content .img-word-wrap {
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;
}

.entry-content .img-only-container {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

.entry-content .img-responsive {
    display: inline-block;
}

.entry-content .text-wrap {
    float: left;
}

.entry-content ul,
.entry-content ol {
    padding-left: 18px;
}

.entry-content ol li > p {
    margin-top: 15px;
}

.blog footer {
    background: transparent;
    border: none;
    color: inherit;
    margin-top: 0;
}

.blog footer a {
    color: #477896;
}

.blog footer a:focus,
.blog footer a:hover {
    color: #23527c;
}

.blog aside .well {
    margin-bottom: 45px;
}

.blog-search {
    padding: 15px 30px;
}

.blog-search .btn-primary {
    background-color: #292929;
    border-color: #292929;
}

.blog-search .btn-primary:focus,
.blog-search .btn-primary:hover {
    background-color: #fff;
    border-color: #292929;
    color: #292929;
}

.blog .two-column-form {
    max-width: 640px;
}

.blog .comments small {
    display: inline-block;
}


/*---Application Guidlines---*/

.app-guideline {
    margin-bottom: 5px;
}


/*---nonprofit details---*/

.hero.details,
.more-about-section {
    margin-bottom: 30px;
}

.more-about-section > button {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    position: relative;
}

.more-about-section > button[aria-expanded="true"]:before,
.more-about-section > button[aria-expanded="false"]:before {
    font-family: 'FontAwesome';
    position: absolute;
    right: -5px;
    top: 5px;
}

.more-about-section > button[aria-expanded="false"]:before {
    content: '\f105';
}

.more-about-section > button[aria-expanded="true"]:before {
    content: '\f107';
}

.details-wishlist .btn,
.details-support .btn {
    padding: 10px 0;
    width: 13em;
}

.details-wishlist hr,
.details-support hr {
    width: 66.6666667%;
}

.details-partnership ul,
.details-partnership li {
    margin-bottom: 0;
}

.details-partnership li {
    display: inline-block;
    margin-left: 2%;
    margin-right: 2%;
    max-width: 29%;
}

.details-partnership.four-badge li {
    max-width: 21%;
}

/* EPH instead left and right for 2nd line centering
.details-partnership li:first-child {
    margin-left: 0;
}
*/

.nonprofit-social a {
    color: #292929;
    clear: both;
}

.nonprofit-social a:focus,
.nonprofit-social a:hover {
    color: #555;
}

.two-wide a {
    margin-left: 50px;
}

.three-wide a {
    margin-left: 44px;
}

.four-wide a {
    margin-left: 15px;
}

.nonprofit-social a:first-child {
    margin-left: 0;
}

.nonprofit-social.two-wide a > .fa {
    font-size: 60px;
    font-size: 6rem;
}

.nonprofit-social.three-wide a > .fa {
    font-size: 60px;
    font-size: 6rem;
}

.nonprofit-social.four-wide a > .fa {
    font-size: 40px;
    font-size: 4rem;  /* EPH: was 60 and 6 */
}

.related-carousel-container {
    border: 1px solid #ddd;
    padding: 10px;
}

.related-carousel-container > .carousel-inner {
    margin-bottom: 0;
    padding-left: 0;
}

.related-carousel-container li {
    list-style: none;
    margin-bottom: 0;
}

.related-carousel-container .item {
    min-height: 150px;
    padding-left: 0;
}

.related-carousel-container li a h4 {
    color: #292929;
    font-family: 'ProximaNovaSemibold';
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 8px; /* EPH was 15px; */
}

.related-carousel-container li a:focus,
.related-carousel-container li a:hover,
.related-carousel-container li a:focus h4,
.related-carousel-container li a:hover h4 {
    text-decoration: none;
}

.related-carousel-container li a p {
    color: #292929;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 25px; /* EPH formobile was 0; */
}

.related-carousel-container li a:focus p,
.related-carousel-container li a:hover p {
    text-decoration: underline;
}

.related-carousel-container .carousel-control {
    background: none;
    border: 0;
    color: #477896;
    padding: 0;
    opacity: 1;
    width: 40px;
}

.carousel-control:focus:before {
    outline: 2px solid #487896;
}

.related-carousel-container .carousel-control.left {
    left: -50px;
}

.related-carousel-container .carousel-control.right {
    right: -50px;
}

.related-carousel-container .carousel-control:before {
    font-family: 'FontAwesome';
    height: 80px;
    line-height: 1;
    position: absolute;
    left: auto;
    right: auto;
    top: 25%;
    font-size: 90px;
    font-size: 9rem;
}

.related-carousel-container .carousel-control.left:before {
    content: '\f104';
    left: -5px;
}

.related-carousel-container .carousel-control.right:before {
    content: '\f105';
    right: -5px;
}

/*budget list on details page*/

.budget-container h2 {
    font-family: 'ProximaNovaSemibold';
    font-size: 18px;
    font-size: 1.8rem;
    width: 83%;
}

.budget-container h2 > small {
    display: block;
    font-family: 'ProximaNovaRegular';
    font-size: 13px;
    font-size: 1.3rem;
}

.budget-container .budget-status {
    margin: 0 auto 10px;
    width: 75%;
}

.budget-container .budget-status li {
    position: relative;
}

.budget-container .budget-status li.current-status {
    font-family: 'ProximaNovaBold';
    font-size: 20px;
    font-size: 2rem;
}

.budget-container .budget-status li.current-status:before {
    color: #FDAF17;
    content: '\f005';
    font-family: 'FontAwesome';
    position: absolute;
    left: -30px;
    top: -12px;
    font-size: 30px;
    font-size: 3rem;
}

/*---Sitemap---*/
.sitemap-list {
    padding-left: 8px;
}

.sitemap-list li {
    list-style: none;
    padding-left: 15px;
    position: relative;
}

.sitemap-list li ul {
    margin-top: 5px;
    padding-left: 3px;
}

.sitemap-list li ul li {
    margin-bottom: 5px;
}

.sitemap-list li:before {
    color: #FDAF17;
    content: "\f04d";
    font-family: 'FontAwesome';
    font-size: 7px;
    font-size: 0.7rem;
    position: absolute;
    left: 0;
    top: 6px;
}

.np-selected-name {
    font-family: 'ProximaNovaBold';
    font-size: 18px;
    font-size: 1.8rem;
    text-align: left;
}

/*---FOOTER---*/
footer {
    background: #487896;
    border-top: 3px solid #153B50;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 85px;
    padding-top: 20px;
}

footer a {
    color: #fff;
}

footer a:focus,
footer a:hover {
    color: #fff;
    text-decoration: underline;
}

footer address,
footer .social-icons,
footer .primary-footer-nav li,
footer .secondary-footer-nav li {
    text-align: center;
}

footer .primary-footer-nav li,
footer .secondary-footer-nav li {
    display: block;
}

footer .primary-footer-nav a,
footer .secondary-footer-nav a {
    font-family: 'ProximaNovaSemibold';
    font-size: 20px;
    font-size: 2rem;
    text-transform: uppercase;
}

footer address a[href^="tel"],
footer address a[href^="tel"]:hover,
footer address a[href^="tel"]:focus {
    display: inline-block;
}

footer .social-icons {
    margin: 30px 0 25px -5px;
}

footer .social-icons li {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

footer .social-icons li:first-child {
    margin-left: 0;
}

footer .social-icons .fa {
    padding: 10px 15px;
}

footer .social-icons .fa:focus,
footer .social-icons .fa:hover {
    color: #292929;
    background: #fff;
    text-decoration: none;
}


/*--- VOLUNTEER PAGE ---*/

.volunteer-h1 {
    padding-bottom: 30px;
    padding-top: 30px;
}

main.secondary.volunteer-main {
    margin-top: 0px;
}

.subcategories .cap.cap-volunteer {
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    display: block;
    left: 0;
    padding: 0;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
    width: 100%;
}

.subcategories .cap.cap-volunteer > h3 {
    min-height: 10px;
}

.subcategories .cap.cap-volunteer label {
    color: black;
    cursor: pointer;
    display: block;
    font-family: 'LibreBaskervilleBold';
    font-size: 15px;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    padding: 15px 0;
    margin: 0;
}


.subcategories .cap.cap-volunteer:hover {
    background: #fff;
}

.subcategories .cap.cap-volunteer h3.multi-line a {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 7px;
    padding-top: 17px;
}
.subcategories .cap.cap-volunteer [type='checkbox']{
    margin-right: 5px;
    transform: scale(1.5);
}
.show-volunteer-categories {
    padding: 20px;
}

.volunteer-label {
    color: #487896;
    text-transform: none;
    margin-left: 5px;
}

.link-wrap{
    white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/*--- HOME PAGE ---*/
.home-lead-text {
    /* EPH space was margin-bottom: 50px; 
    margin-top: 75px; */
}

.nav.nav-pills.home-search {
    margin-bottom: 15px;
    margin-top: 35px;
}

.nav.nav-pills.home-search > li {
    display: inline;
    float: none;
    font-family: 'ProximaNovaSemibold';
    font-size: 15px;
    font-size: 1.5rem;
}

.nav.nav-pills.home-search > li button.btn-link {
    color: #292929;
    font-size: 17px;
    font-size: 1.7rem;
    text-transform: uppercase;
    padding: 0;
}

.nav.nav-pills.home-search > li + li {
    margin-left: 15px;
}

.ie10 .img-responsive,
.ie11 .img-responsive {
    width: 100%;
}

.ie10 .blog-img-ie,
.ie11 .blog-img-ie {
    width: inherit;
}


/*---User Defined Style Sheets---*/

.ie11.ui-helper-nocustomfonts .adobeBlank,
.ie10.ui-helper-nocustomfonts .adobeBlank,
.ie9.ui-helper-nocustomfonts .adobeBlank,
.lt-ie9.ui-helper-nocustomfonts .adobeBlank {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
}

.ie11.ui-helper-nocustomfonts .carousel-control .adobeBlank,
.ie10.ui-helper-nocustomfonts .carousel-control .adobeBlank,
.ie9.ui-helper-nocustomfonts .carousel-control .adobeBlank,
.lt-ie9.ui-helper-nocustomfonts .carousel-control .adobeBlank {
    font-size: 45px;
    font-size: 4.5rem;
}

/*---High Contrast Mode---*/

/*---MEDIA QUERIES---*/
@media (min-width: 440px) {
    .event-main .add-to-calendar{
        margin-right: 18px;
    }
}
@media (min-width: 480px) {
    .carousel-caption {
        padding-left: 13%;
        padding-right: 13%;
    }
    header .comments-link {
        float: right;
    }
    .budget-container .budget-status {
        width: 45%;
    }
    .search-results .thumbnail .caption h2 {
        min-height: 75px;
    }

    .event-main .add-to-calendar{
        margin-right: 35px;
    }
}

@media (min-width: 600px) {
    .entry-content .text-wrap {
        float: none;
    }
}

@media (min-width: 767px) {
    .scrollup {
        display: none !important;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -25px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        margin-left: -25px;
    }
    .nav.nav-pills.home-search > li {
        margin-left: 25px;
    }
    .nav.nav-pills.home-search > li + li {
        margin-left: 40px; /* EPH was 65px; */
    }
    .carousel-control {
        bottom: 0;
        top: 0;
    }
    .carousel-caption {
        /* EPH too much
        bottom: 0;
        top: 0;
        */
        left: 10%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .carousel-inner > .item > img {
        display: block;
    }
    .related-links {
        float: right;
    }
    .subcategories .thumb {
        margin-left: 0;
        margin-right: 0;
    }
    .subcategories .cap a {
        padding-bottom: 18px; /* EPH bar was 23px; */
    }
    .subcategories .cap h3.multi-line a {
        padding-bottom: 8px; /* EPH bar was 13px; */
    }
    .home-how-help-section .btn {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .event-page-headings {
        margin-top: 0;
    }
    .all-event-button,
    .event-button {
        float: right;
    }
    .pull-right.kids-list {
        margin-top: -60px;
    }
    footer .social-icons,
    footer address,
    footer .primary-footer-nav li,
    footer .secondary-footer-nav li {
        text-align: left;
    }
    footer .primary-footer-nav {
        margin-bottom: 0;
    }
    footer .primary-footer-nav li {
        margin-bottom: 15px;
    }
    footer .secondary-footer-nav li {
        margin-left: 8px;
    }
    footer .primary-footer-nav li,
    footer .secondary-footer-nav li {
        display: inline-block;
        width: auto;
    }
    footer .primary-footer-nav a {
        font-size: inherit;
    }
    footer .secondary-footer-nav a {
        font-family: inherit;
        font-size: inherit;
        text-transform: none;
    }
    footer .primary-footer-nav li:first-child,
    footer .secondary-footer-nav li:first-child {
        margin-left: 0;
        padding-left: 0;
    }
    footer .social-icons {
        margin: 0 0 0 -5px;
        float: left;
    }
}

/* EPH for under 768 */
.carousel-inner > .item h1, .carousel-inner > .item .h1 {
    font-family: 'ProximaNovaThin';
    font-size: 30px;
    font-size: 3rem;
    padding-bottom: 8px; /* EPH h1 was 53px; */
    padding-top: 0px; /* EPH h1 was 53px; */
}

@media (min-width: 768px) {
    h1,
    .carousel-inner > .item h1,
    .carousel-inner > .item .h1 {
        font-family: 'ProximaNovaThin';
        font-size: 50px; /* was 60px & 6em but a little extreme ipad mini */
        font-size: 5rem;
        padding-bottom: 15px; /* EPH h1 was 53, 33px; */
        padding-top: 33px; /* EPH h1 was 53px; */
    }
    .header-logo {
        max-width: 630px;
    }
    .carousel-inner > .item h1, .carousel-inner > .item .h1 {
        padding-left: 0; /* EPH */
        padding-bottom: 0;
        padding-top: 0;
    }
    form strong.error {
        right: 0;
    }
    form.comment-form strong.error {
        left: 0;
        right: auto;
    }
    .one-column-form strong.error {
        left: 0;
        right: auto;
    }
    .mobile-nav {
        display: none !important;
    }
    .primary-nav,
    .secondary-nav {
        display: block;
    }
    .primary-nav > nav > ul > li {
        margin-left: 2%; /* was 5% EPH  new APPLY, 5% too much */
    }
    .secondary-nav li {
        margin-top: 9px;
    }
    .catalogue-donate-button-container {
        float: right;
    }
    .catalogue-donate-button,
    .volunteer-button,
    .donate-button {
        font-size: 17px;
        font-size: 1.7rem;
    }
    .nav.nav-pills.home-search > li button.btn-link {
        border: 0;
        border-bottom: 5px solid transparent;
        margin-bottom: 15px;
    }
    .nav.nav-pills.home-search > li button.btn-link:focus,
    .nav.nav-pills.home-search > li button.btn-link:hover {
        text-decoration: none;
    }
    .nav.nav-pills.home-search > li button.btn-link.active.nature-btn,
    .nav.nav-pills.home-search > li button.btn-link.nature-btn:focus,
    .nav.nav-pills.home-search > li button.btn-link.nature-btn:hover {
        border-bottom-color: #05583D;
    }
    .nav.nav-pills.home-search > li button.btn-link.active.culture-btn,
    .nav.nav-pills.home-search > li button.btn-link.culture-btn:focus,
    .nav.nav-pills.home-search > li button.btn-link.culture-btn:hover {
        border-bottom-color: #934683;
    }
    .nav.nav-pills.home-search > li button.btn-link.active.education-btn,
    .nav.nav-pills.home-search > li button.btn-link.education-btn:focus,
    .nav.nav-pills.home-search > li button.btn-link.education-btn:hover {
        border-bottom-color: #E06C9F;
    }
    .nav.nav-pills.home-search > li button.btn-link.active.human-services-btn,
    .nav.nav-pills.home-search > li button.btn-link.human-services-btn:focus,
    .nav.nav-pills.home-search > li button.btn-link.human-services-btn:hover {
        border-bottom-color: #487896;
    }
    .nav.nav-pills.home-search > li button.btn-link.active.international-btn,
    .nav.nav-pills.home-search > li button.btn-link.international-btn:focus,
    .nav.nav-pills.home-search > li button.btn-link.international-btn:hover {
        border-bottom-color: #931621; /* EPH grid red */
    }
    .nav.nav-pills.home-search > li button.btn-link.active.view-all-btn,
    .nav.nav-pills.home-search > li button.btn-link.view-all-btn:focus,
    .nav.nav-pills.home-search > li button.btn-link.view-all-btn:hover {
        border-bottom-color: #FDAF17;
    }
    .carousel-caption {
        background: rgba(0, 0, 0, 0.77); /* opacity 0.77 */
    }
    .home-how-help-section .btn {
        width: auto;
    }
    main.secondary {
        margin-top: 85px;
    }
    main.volunteer-event-main {
        margin-top: 0;
    }
    .bottom-align {
        min-width: 93.6%;
    }
    .search-results .thumbnail .caption h2 {
        min-height: 120px;
    }
    .search-results .caption .btn {
        /*EPH display: block; */
    }
    .search-results .caption .btn.btn-primary {
        /* EPH margin-bottom: 10px; */
    }
    .email-contact {
        margin-left: 25px;
    }
    .one-column-form fieldset > div {
        display: table;
        width: 100%;
    }
    .one-column-form .submit-button {
        display: table;
    }
    .one-column-form .submit-button > .btn {
        display: table-cell;
        width: auto;
    }
    form.two-column-form {
        text-align: right;
    }
    .two-column-form .col-sm-6 > div {
        display: table;
        width: 100%;
        padding-top: 0;
    }
    .two-column-form input, .two-column-form label {
        display: table-cell;
        width: auto;
        vertical-align: top;
    }
    .two-column-form label {
        padding-right: 2%;
        padding-top: 5px;
        width: 100%;
    }
    .two-column-form .two-line label {
        padding-top: 0;
    }
    .two-column-form label.organization-label {
        font-size: 90%;
    }
    .two-column-form small {
        display: block;
    }
    .two-column-form .checkbox, .two-column-form .radio {
        float: right;
        width: 15.6em;
    }
    .two-column-form .checkbox input, .two-column-form .checkbox label, .two-column-form .radio input, .two-column-form .radio label {
        float: left;
        padding-right: 0;
        text-align: left;
    }
    .two-column-form input.zip-code {
        clear: both;
        float: right;
        width: 4.95em;
    }
    .two-column-form select.form-control {
        width: 49%;
    }
    .two-column-form .user-type select.form-control {
        width: auto;
    }
    .two-column-form .request-questions {
        display: table-cell;
        float: left;
        width: 100%;
    }
    .two-column-form .request-questions label {
        float: right;
    }
    .verify strong.error {
        left: 0;
    }
    .two-column-form .two-wide > div {
        width: auto;
    }
    .two-column-form .two-wide > div > div {
        display: table-cell;
        vertical-align: top;
        width: 105px;
    }
    .two-column-form .two-wide > div > div:first-child {
        width: 150px;
    }
    .two-column-form .two-wide > div > div:first-child strong {
        right: -105px;
    }
    .two-column-form .two-wide > div label, .two-column-form .two-wide > div select {
        clear: both;
        float: right;
        vertical-align: bottom;
        width: auto;
    }
    .two-column-form .two-wide > div select {
        width: 120px;
    }
    form div.error > div {
        display: inline-block;
        padding: 0;
        margin: 0;
    }
    .two-column-form .checkbox > div, .two-column-form .radio > div {
        float: right;
    }
    .two-column-form .checkbox.left > div {
        margin-right: 95px;
    }
    .two-column-form .radio.left > div {
        margin-right: 145px;
    }
    form div.error > div strong.error {
        bottom: -10px;
        right: -119px;
    }
    .two-column-form .two-wide strong.error {
        width: 200px;
    }
    .login-form > div {
        margin-left: 5%;
    }
    .vision {
        margin: 0 0 20px;
    }
    .checkout-form .btn-primary {
        float: right;
    }
    .np-selected-name {
        width: 227px;
    }
    .blog .two-column-form label {
        display: block;
        text-align: left;
    }
    .blog .two-column-form input {
        float: left;
    }
    .blog .two-column-form .checkbox {
        margin-top: 20px;
    }
    .nonprofit-social.four-wide a > .fa {
        font-size: 44px;
        font-size: 4.4rem;
    }
    .three-wide a {
        margin-left: 15px;
    }
    .hero.details img {
        margin-top: 30px;
    }
    .gift-card-form .two-wide > div > div:first-child strong {
        right: -80px;
    }
    .gift-card-form .two-wide > div > div:nth-child(2) strong {
        display: none !important;
    }
    .col-xs-12.nonprofit-listing {
        width: 50%;
    }
}

/* EPH small phones in landscape still fine in two-wide 
640x360 screen => 598x279 browser 
ipod touch 480x208 */
@media (min-width: 479px) 
{
    .col-xs-12.nonprofit-listing {
        width: 50%;
    }
}

@media (min-width: 900px) {
    .home-how-help-section .btn {
        font-size: 19px;
        font-size: 1.9rem;
    }
    .secondary-nav li {
        margin-left: 10px; /* EPH was 30px; */
    }
    .two-column-form label.organization-label {
        font-size: inherit;
    }
    footer .secondary-footer-nav li {
        margin-left: 33px;
    }
    footer .primary-footer-nav li {
        margin-left: 25px;
    }
    .three-wide a {
        margin-left: 40px;
    }
}

@media (min-width: 915px) {
    .carousel-caption {
        bottom: 10%;
        top: auto;
    }
    .search-list-view .media .media-body .media-heading {
        font-size: 22px;
        font-size: 2.2rem;
        width: auto;
    }
    .search-list-view .media .media-body .media-heading.collapsed:before,
    .search-list-view .media .media-body .media-heading:before {
        right: -20px;
    }
    .entry-content .img-only-container .img-responsive {
        max-width: 600px;
    }
}

@media (min-width: 950px) {
    .header-logo {
        max-width: 630px;
    }
    .search-results .thumbnail .caption h2 {
        min-height: 95px;
    }
}

@media (min-width: 991px) {
    .primary-nav {
        padding: 15px 0;
    }
    .primary-nav > nav {
        margin-bottom: 0;
        margin-top: 0;
    }
    .primary-nav > nav > ul > li {
        margin-left: 1%;
    }
    .primary-nav > nav > ul > li > a {
        font-size: 17px;
        font-size: 1.7rem;
    }
    .secondary-nav ul {
        float: right;
    }
    .secondary-nav li {
        margin-top: 0;
    }
    .sub-nav {
        top: 35px;
    }
    .primary-nav .sub-nav ul li a {
        font-size: 15px;
        font-size: 1.5rem;
        letter-spacing: .05em;
    }
    .nav.nav-pills.home-search > li {
        margin-left: 20px;
    }
    .nav.nav-pills.home-search > li + li {
        margin-left: 40px; /* EPH was 100px; */
    }
    .subcategories .cap a {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .subcategories .cap > h3 {
        min-height: 48px; /* EPH bar was 54px; */
    }
    .subcategories .cap a {
        padding-bottom: 12px; /* EPH bar was 17px; */
        padding-top: 15px; /* EPH bar was 20px; */
    }
    .subcategories .cap h3.multi-line a {
        padding-bottom: 5px;  /* EPH bar was 10px; */
        padding-top: 5px;  /* EPH bar was 10px; */
    }
    .search-results .caption .btn {
        width: auto;
    }
    .vision-report > .row .col-md-3 {
        padding: 0;
        margin-left: 55px;
    }
    .vision-report > .row .col-md-3.first {
        margin-left: 0;
    }
    .blog .two-column-form label {
        display: table-cell;
        text-align: right;
    }
    .blog .two-column-form .checkbox label {
        text-align: left;
    }
    .blog .two-column-form input {}
    .blog .two-column-form .checkbox {
        margin-top: 10px;
        padding-left: 10px;
    }
    .nonprofit-social.four-wide a > .fa {
        font-size: 40px;
        font-size: 4rem; /* EPH: was 60 and 6 */
    }
    .budget-container {
        border-right: 1px solid #ddd; /* EPH was left, now on right */
        /* padding-right: 8.333333%; */ /* EPH was left, now on right*/
        padding-top:8px; /* eph new */
    }
    .budget-container .budget-status {
        width: 100%;
    }
    .budget-container .budget-status li {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .budget-container .budget-status li.current-status {
        font-size: 15px;
        font-size: 1.5rem;
    }
}
@media (min-width: 992px){
    .volunteer-button:first-child{
        margin-right: 39px;
    }
    .donate-buttons .btn:last-child{
        margin-left: 92px;
    }
    .subcategories .cap.cap-volunteer a{
        padding-top: 14px;
    }
}
@media (min-width: 992px) and (max-width: 1150px){
    .secondary-nav li{
        margin-left: 0;
    }
    .secondary-nav li a{
        font-size: 13px;
        font-size: 1.3rem;
    }
}
@media (min-width: 992px) and (max-width: 1230px) {
    .btn-group.donate-buttons {
        text-align: right;
    }
    .btn-group.donate-buttons a {
        float: none;
    }
}

/* EPH2017 small phones in landscape still fine in two-wide 
640x360 screen => 598x279 browser 
ipod touch 480x208 */
@media (min-width: 479px) 
{
 .col-xs-12.vol-listing {
        width: 50%;
    }
}

@media (min-width: 1024px) {
    .footer-logo {
        max-width: 450px;
    }
    .col-xs-12.nonprofit-listing,
    .col-xs-12.vol-listing {
        width: 33.33333333%;
    }
    .search-results .thumbnail .caption h2 {
        min-height: 120px;
    }
    .secondary-nav li a{
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media (min-width: 1050px) {
    .primary-nav > nav > ul > li > a {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media (min-width: 1077px) {
    .primary-nav nav li > button,
    .primary-nav nav li > a {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .subcategories .cap a {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media (min-width: 1170px) {
    .nav.nav-pills.home-search > li {
        margin-left: 0;
    }
    .nav.nav-pills.home-search > li + li {
        margin-left: 40px; /* EPH was 150px; */
    }
    .nav.nav-pills.home-search.volunteer-search > li + li {
        margin-left: 100px;
    }
}

@media (min-width: 1200px) {
    .primary-nav > nav > ul > li {
        margin-left: 3%;
    }
    .primary-nav .sub-nav ul li a {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .login-form > div {
        /* margin-left: 10%;  EPH causes 2nd box to go below */
    }
    /*make 1200 pixel wide images stretch entire width of page*/
    .hero img.img-responsive {
        width: 100%;
    }
    .vision-report {
        width: 930px;
    }
    .vision-report > .row {
        margin: 0 auto;
    }
    .vision-report > .row .col-md-3 {
        margin-left: 5px;
    }
    .four-wide a {
        margin-left: 13px;
    }
    .subcategories .cap.cap-volunteer label {
        padding: 25px 0;
    }

}

@media (min-width: 1225px) {
    .primary-nav > nav > ul > li {
        margin-left: 4%;
    }
    .budget-container {
        border-right: 1px solid #ddd; /* EPH was left not right */
        /* padding-right: 8.333333%; */
    }
    .budget-container .budget-status li {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .budget-container .budget-status li.current-status {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media (min-width: 1230px) {
    .btn-group.donate-buttons {
        float: right;
        max-width: 55rem;
    }
    .donate-buttons .btn {
        margin-right: 30px;
    }
    .donate-buttons .btn:last-child{
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 1327px) {
    .event-h1 {
        margin-bottom: 33px;
        padding-bottom: 0;
        padding-top: 0;
    }
}

@media (min-width: 1370px) {
    .primary-nav > nav > ul > li {
        margin-left: 6%;
    }
    .search-results .caption .btn {
        display: inline-block;
        width: 49%;
        padding: 8px 5px;
    }
    .search-results .caption .btn.btn-primary {
        margin-bottom: 0;
    }
    .blog-search {
        padding: 15px 70px;
    }
    .btn-group.donate-buttons {
        margin-left: -218px;
    }
}

@media (min-width: 1500px) {
    .col-xs-12.nonprofit-listing,
    .col-xs-12.vol-listing {
        width: 24.5%;
    }
}

@media (min-width: 1700px) {
    .search-results .thumbnail .caption h2 {
        min-height: 95px;
    }
}

#screen-indicator {
    position: absolute;
    height: 0;
    width: 0;
    z-index: 1;
}

@media (max-width: 1199px) {
    #screen-indicator {
        z-index: 8;
    }
}

@media (max-width: 991px) {
    #screen-indicator {
        z-index: 7;
    }
    .btn-group.donate-buttons a {
        margin-right: 10px;
    }
}

@media (max-width: 767px) {
    #screen-indicator {
        z-index: 6;
    }
    .gift-card-form .two-wide > div > div:first-child strong {
        right: -49px;
    }
    .gift-card-form .two-wide > div > div:nth-child(2) strong {
        left: -148px;
    }
}

@media (max-width: 533px) {
    .btn-group.donate-buttons {
        float: none;
    }
    .btn-group.donate-buttons a {
        width: 100%;
        display: block;
    }
    .btn-group.donate-buttons a:last-child {
        margin-bottom: 15px;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 767px) {

    #asideFilter {
    	margin-top:0px!important;
    	min-height:auto!important;
    } /* EPH2017 */
    
 }
   
@media (max-width: 438px) {

    .event-main .addthis_sharing_toolbox {
        float: none;
        margin-left: 0px;
    }
}

@media (min-width: 480px) {
    #screen-indicator {
        z-index: 5;
    }
}

@media (min-width: 768px) {
    #screen-indicator {
        z-index: 4;
    }
}

@media (min-width: 992px) {
    #screen-indicator {
        z-index: 3;
    }
}

@media (min-width: 1200px) {
    #screen-indicator {
        z-index: 2;
    }
}

/*
@media print {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-sx-12, .col-sm-12, .col-md-12, .col-lg-12 {
        float: left;
    }
    .col-sx-12, .col-sm-12, .col-md-12, .col-lg-12 {
        width: 100%;
    }
    .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11 {
        width: 91.66667%;
    }
    .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10 {
        width: 83.33333%;
    }
    .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9 {
        width: 75%;
    }
    .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8 {
        width: 66.66667%;
    }
    .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7 {
        width: 58.33333%;
    }
    .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 {
        width: 50%;
    }
    .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 {
        width: 41.66667%;
    }
    .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4 {
        width: 33.33333%;
    }
    .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3 {
        width: 25%;
    }
    .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2 {
        width: 16.66667%;
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
        width: 8.33333%;
    }
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    a, a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr, img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 {
        page-break-after: avoid;
    }
    select {
        background: #fff !important;
    }
    .navbar {
        display: none;
    }
    .table td, .table th {
        background-color: #fff !important;
    }
    .label {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important;
    }
}
*/

/* EPH */

.nobr {white-space:nowrap;}
li.cfp-indent{text-indent:20px}
li.cfp-margin-less {margin-bottom:10px;/* instead of 20 */}

.gleft{
    float:left;
    width:90px;
    clear:both;
}

.gright{
    float:left;

}

.thumbnail a > img { width:100% }

/* centered columns styles */
.row-centered2 {
    text-align:center;
}
.col-centered2 {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

/* ---------- FLEX ADDTO:new2016 --------- */

.Aligner {
    display: flex;
    align-items: center;
    min-height: 24em;
    justify-content: center;
}
.Aligner-item {
    flex: 1;
}