/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.site-logo {
	z-index: 1050;
}

@media (max-width: 768px) {
    .site-header .header-image {
        width: 106px;
    }
}
#secondary-navigation {
    margin-top: 20px;
    position: relative;
    z-index: 1000;
}
.secondary-navigation .menu-toggle {
    display: none;
}

@media(max-width: 768px) {
  .secondary-navigation {
      text-align: center !important;
  }
  .secondary-navigation ul {
      display: block;
  }
  .secondary-navigation .sf-menu>li {
      float: none;
      display: inline-block !important;
  }
}
@media (min-width: 768px) {
    .site-header {
        margin-top: -30px;
    }
}
@media (max-width: 768px) {
    .site-header {
        margin-top: 10px;
        margin-bottom: 20px;
    }
}
.gb-container.top-bar-button:before {
    content: url('images/button-top-pink-left.webp');
}
.gb-container.top-bar-button:after {
    content: url('images/button-top-pink-right.webp');
}
@media (max-width: 768px) {
    .gb-container.top-bar-button:before {
        zoom: 88%;
    }
    .gb-container.top-bar-button:after {
        zoom: 88%;
    }
    .gb-container.top-bar-button a {
        font-size: 17px;
        height: 38px;
        padding: 5px 15px;
    }
}
#menu-donate #menu-item-1716 {
    background-color: #b7583f;
    height: 43px;
}
@media (max-width: 768px) {
	#menu-donate #menu-item-1716 {
    	height: 38px;
	}
}
@media (min-width: 768px) {
    .secondary-navigation .main-nav>ul {
        margin-right: 85px;
    }
}
.secondary-navigation .main-nav>ul:before {
    content: url('images/button-top-maroon-left.webp');
} 
.secondary-navigation .main-nav>ul:after {
    content: url('images/button-top-maroon-right.webp');
} 
@media (max-width: 768px) {
    .secondary-navigation .main-nav>ul:before {
        zoom: 88%;
    } 
    .secondary-navigation .main-nav>ul:after {
        zoom: 88%;
    } 
    #secondary-navigation.secondary-navigation .main-nav ul li a {
        font-size: 17px;
    }
    #menu-donate #menu-item-182 {
        height: 38px;
    }
}
@media (min-width: 768px) {
    .nav-gold {
        background-color: #bfa74d;
    }
    .nav-green {
        background-color: #557f7b;
    }
    .main-navigation .main-nav ul li.nav-green > a {
        color: #ffffff;
    }
	.main-navigation .main-nav ul li.nav-white > a {
        color: #ffffff;
    }
    .nav-light-blue {
        background-color: #a2b7b5;
    }
    .nav-taupe {
        background-color: #c3ac98;
    }
    .nav-maroon {
        background-color: #813e45;
    }
    .main-navigation .main-nav ul li.nav-maroon > a {
        color: #ffffff;
    }
    .nav-dark-blue {
        background-color: #80a9bd;
    }    
}
.main-navigation .menu-bar-item.search-item:hover > a {
    color: #222222;
}
@media (max-width: 768px) {
    .gp-icon.icon-search {
        display: none;
    }
	.search-form .gp-icon.icon-search {
        display: inline;
    }
}
.entry-header, .page-header {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 40px 0px;
}
.entry-header h1, .page-header {
    max-width: 450px;
}
.search-results .entry-header h1, .search-results .page-header {
    max-width: 1200px;
}
.search .entry-summary {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 40px 0px;
}
body.search article:last-child {
    padding-bottom: 60px;
}
.gb-container.button-content-pink:before {
    content: url('images/button-content-pink-left.webp');
}
.gb-container.button-content-pink:after {
    content: url('images/button-content-pink-right.webp');
}
.gb-container.button-content-maroon:before {
    content: url('images/button-content-maroon-left.webp');
}
.gb-container.button-content-maroon:after {
    content: url('images/button-content-maroon-right.webp');
}
.gb-container.button-cta-maroon:before {
    content: url('images/button-cta-maroon-left.webp');
}
.gb-container.button-cta-maroon:after {
    content: url('images/button-cta-maroon-right.webp');
}
.gb-container.button-cta-yellow:before {
    content: url('images/button-cta-yellow-left.webp');
}
.gb-container.button-cta-yellow:after {
    content: url('images/button-cta-yellow-right.webp');
}
.wp-block-search .wp-block-search__input {
    -webkit-appearance: none !important; 
    border-radius: 0 !important;
}
hr.wp-block-separator {
    border-bottom: none;
    border-top: none;
    background-color: #A0A0A0;
}
@media (min-width: 768px) {
    .board-columns {
        column-count: 4;
    }
}
.board-columns p {
    margin-bottom: 0;
}
.entry-content ul ul {
    list-style: circle;
}
.entry-content ul ul ul {
    list-style: square;
}
.entry-content ul ul ul ul {
    list-style: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAGUlEQVQY02NgoCtgrK2t/U9IERN93UQ9AAAfJQJ6R189bQAAAABJRU5ErkJggg==);
}
.footer-menu a.wp-block-navigation-item__content {
    font-weight: 700;
    margin-right: 20px;
}
@media (max-width: 768px) {
    .footer-menu ul {
        justify-content: center;
    }
}
.site-footer input[type="search"] {
    background-color: #e9decc;
    border: 3px solid #80a9bd;
    max-width: 260px;
    text-align: center;
}
.site-footer .wp-block-search button, .site-footer .wp-block-search button:hover {
    background-color: #80a9bd;
    margin-left: 0px;
    font-size: 28px;
    color: #666766;
    padding: 3px;
}
.copyright-links a {
    text-decoration: none;
}
.copyright-links a:hover {
    text-decoration: underline;
}
@media (min-width: 768px) {
    .charity-navigator-logo {
        margin-left: 20px;
    }
}
@media (max-width: 768px) {
    .charity-navigator-logo {
        padding-left: 0px;
        display: block;
        margin: 20px auto 0;
        text-align: center;
    }
}
.search-no-results .entry-content, .error404 .entry-content {
	max-width: 1200px;
    margin: 0 auto;
    padding: 40px;
}

/* Bloomerang Custom CSS */
.bloomerang-container pre {background: transparent;}
#donation-form-container .donation  > div { display: inline-block; float: left;  margin: 5px; border: 1px solid; border-radius: 5px; font-size: 25pt; }
#donation-form-container .donation  > div.subsection { border: 0px; clear: both; max-width: 100%; }
#donation-form-container .donation  > div.subsection label { font-size: 16px; padding: 0; font-weight: 500; max-width: 100%; }
#donation-form-container .donation  > div.active { background: #2573ab; color: white; }
#donation-form-container .donation  > div.active  span.label{ color: white; }
#donation-form-container .donation  label { display: block;  cursor: pointer; padding: 20px 10px;  font-weight: normal;}
#donation-form-container .donation .radio {background-color: #80a9bd; }
#donation-form-container .donation  input[type=radio] { opacity: 0.0; position: absolute; }
#donation-form-container .donation  .other-option label { display: inline-block; }
#donation-form-container .donation  .other-amount { border: none;  padding: 10px 10px;  vertical-align: top; }
#donation-form-container .donation  .other-amount  input{ width: 120px !important; font-size: 0.8em;  padding-left: 30px; /*color: black;*/}
/*#donation-form-container .donation  .other-amount  input::placeholder { color: #ccc; }*/
 #donation-form-container .donation  .other-amount::before { content: "$"; display: block; width: 1em; font-size: 15pt; height: 1em; position: absolute; color: #908c92; font-weight: normal; padding-top:  10px; padding-left: 15px; } 
#donation-form-container .section { clear: both; }
#donation-form-container textarea { min-height: 3.3em; height: 3.3em; padding: 10px 20px 5px;  }
.itemize #donation-form .donation > div { width: 400px; display: block; float:none;  padding: 0 0 0 0; font-size: 12pt; }
.itemize #donation-form .donation > div label { padding: 15px 10px 40px; }
.itemize #donation-form .donation .price-item { float: right; font-weight: bold; }
.itemize #donation-form .donation .item {  float: left; }
.itemize #donation-form .section.recurring { display: none; }
/* Leave a comment or any special instructions */
#donation-form-container .donation  .CustomTransactionField_51201 { border: none; font-size: 14pt; clear: both; }
#donation-form-container #start-date  { width: 180px !important; }
#donation-form-container  .section.recurring { clear: both; 	 }
#donation-form-container  .section.comment { display: none; }
#donation-form-container .fields { clear: both; display: block; width: 100%; }
#donation-form-container  .section h3, #interaction-form-container .section h3 { border-bottom: 1px solid; padding: 30px 10px 10px; }
.donation-form .section.tribute { padding-left: 30px; }
#donation-form-container  #express-submit, #interaction-form .btn-submit-interaction { background: #2573ab;  border-radius: 10px; padding: 20px; margin-top: 10px;}
#donation-form #start-date { padding-left: 5px; }
#donation-form-container .section input[type=text], #donation-form-container .section input[type=email], #donation-form-container .section input[type=tel] { width: 25em; } 
#donation-form-container .CustomTransactionField_101381 input  { width: 60em !important; } 
#donation-form-container .section .zip-code input { width: 10em; } 
#donation-form .field textarea#CustomTransactionField_30365697 {height: 200px;}
#donation-form .field input, #donation-form .field select, #donation-form .field textarea {max-width: 400px;}
#interaction-form .field input, #interaction-form .field select, #interaction-form .field textarea {max-width: 400px;}
#interaction-form .field textarea#CustomInteractionField_64760832 {height: 200px;}
#interaction-form .field textarea#comment {height: 200px;}
#interaction-form-container .fb-like span {vertical-align: middle !important;}
#interaction-form-container #facebookShareOnly span {vertical-align: top !important;}
#donation-form-container .fb-like span {vertical-align: middle !important;}
#donation-form-container #facebookShareOnly span {vertical-align: top !important;}
@media (min-width: 768px) {
	#interaction-form-container .donation-success {margin-top: 55px;}
}

#spreedly-modal-overlay { z-index: 999999 }
body .field.organization { padding-left: 30px; }
@media screen and ( max-width: 600px ) {
	.itemize #donation-form .donation > div { width: 100%; }
}
body .field.notifiedbox { padding-left: 20px; padding-top: 5px; padding-bottom: 20px; }
body .field.notifiedbox label { padding-left: 4px; }