/* Fade in elements */

.fade-in {
animation: fadeIn ease 1s;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
-ms-animation: fadeIn ease 1s;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:.7;}
}

@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:.7;}
}

@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:.7;}
}

@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:.7;}
}

@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:.7;}
}


.cont-info { text-align: right; margin-top: 19px; }
.cont-info .item { margin: 9px 0px; }
.cont-info .item p { margin: 0; padding: 0; }
.cont-info a { color: #fff; }

.puffy { padding: 30px 0px; }

.membership-state-field { float:left; width:25%; }
.membership-city-field { float:left; width: 75%; }

button a { color: #fff; }

.img-center { margin: 0 auto; }
	
ul #accordion {
  list-style: none;
  padding: 0;
}

.section-content ul li.acc-inner { list-style:none; }

ul .inner {
  padding-left: 1em;
  overflow: hidden;
  display: none;
}

ul li {
  margin: 0.5em 0;
}

ul li a.toggle {
  width: 100%;
  display: block;
   background-color: #a07825;
   background-image: url('images/background-gradient-gold-foil.png');
   
/* 
original gold  background-image: linear-gradient(128deg, #734c1a 11%, #c38d4d 54%, #a5753c 80%, #734c1a 98%); 
*/
  color: #fefefe;
  padding: 0.75em;
  margin-bottom: 15px;
  border-radius: 0px;
  transition: background 1s ease;
  text-align: center;
  font-weight: 600;
 /* text-shadow: 2px 1px 4px #333; */
}



ul li a.toggle:hover {
/*
  background-color: #a07825;
  background-image: linear-gradient(128deg, #734c1a 11%, #c38d4d 54%, #a5753c 80%, #734c1a 98%);
  transition: 1s ease;
*/
   background-image: url('images/background-gold-foil-hover.png');
   transition: .3s ease;
}

ul li a.toggle.shrink { padding: 0.75em 4em; }

.arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  top: 40px;
  left: 35px; 
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
	.label {margin: 2px 0;}
	.field {margin: 0 0 20px 0;}	
		div#central {margin: 40px 0px 100px 0px;}
		@media all and (min-width: 768px) and (max-width: 979px) {.content {width: 750px;}}
		@media all and (max-width: 767px) {
			body {margin: 0 auto;word-wrap:break-word}
			.content {width:auto;}
			div#central {	margin: 40px 20px 100px 20px;}
		}
		input, textarea {width:100%;padding: 10px;font-size:1em; }
		#message {  padding: 0px 40px 0px 0px; }
		#mail-status {
			padding: 12px 20px;
			width: 100%;
			display:none; 
			font-size: 1em;
			color: rgb(40, 40, 40);
		}
	  .error{background-color: #c47070;  margin-bottom: 10px;}
	  #mail-status.error { background-color:transparent; color:#ffffff; }
	  label.error { background-color:transparent; color:#c47070; font-weight:600; }
	  .success{background-color: #70c496; }
		.g-recaptcha {margin: 0 0 20px 0;}	  
		
.section-home { margin-top: -80px !important; } 

.linked-logo { opacity: .7; transition: 0.4s ease; }
.linked-logo:hover { opacity: 1; transition: 0.4s ease; }

.home-icon { opacity: .7; width: 30%; max-width: 220px; transition: 0.4s ease; }
.home-icon:hover { opacity: 1; transition: 0.4s ease; }

@media screen and (min-width: 601px) {
	body.fp-viewing-home header span.logo img {
		height: 220px !important;
	}
.membership-state-field { float:left; width:25%; }
.membership-city-field { float:left; width: 75%; }

.cont-info { text-align: left; }

 .navbar-brand { min-height: 120px; height: 120px; }

}


body.fp-viewing-home header .navbar-brand {
	display: flex;
	align-items: center;
	justify-content: center;
}

body.fp-viewing-home .navbar-brand .logo { display: none; opacity: .7; }

body.fp-viewing-home header {
	/* height: 100%; */
}

body.fp-viewing-mission header span.logo img {
/*	transition: all 1s ease-in-out; */
/*	height: 100%; */
}

body.fp-viewing-donate .section-footer { display:none; }

@media screen and (max-width: 767px) {
	#login-container { display: none; }
}

@media screen and (max-width: 600px) {
	body.fp-viewing-home header {
		height: auto;
	}
	body { background-image: none !important; }
	body.fp-viewing-home header span.logo img {
		/* height: 100px !important; */
	}
	.navbar-brand .logo, .logo, .linked-logo { display: none; }
	.membership-state-field, .membership-city-field { width: 100%; }
}