.mh-500 {
  max-height: 500px
}

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

summary h2:hover, summary img:hover {
	transform: scale(105%);
}

.our_story_excerpt, 
.our_story_page_banner,
.our_mission_excerpt,
.npra_state_chapters,
.start_a_chapter,
.agenda_excerpt,
.start_a_chapter_excerpt,
.npra_bylaws{
  display:none;
}

.ourstory-sub-pages {
    background-color: #066ecb;
    width: 100%;
    max-width: 170px;
  	padding:20px 15px;
}

.ourstory-sub-pages ul{
    padding:0;
  	margin:0;
  	list-style:none;
}

.ourstory-sub-pages ul li{
  margin-bottom:6px;
}

.ourstory-sub-pages ul li a{
  color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	padding: 5px 2px 5px 10px;
	display: block;
	letter-spacing: 0.02em;
  position:relative;
}

.ourstory-sub-pages ul li a:before{
  content:"\f0da";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 600;  
  position: absolute;
	top: 5px;
	left: 0;
	color: #044e8f;
}

.ourstory-sub-pages ul li a:hover{
  text-decoration:none;
  font-weight:600;
}

.gap{
  padding: 70px 0;  
}

.header-min-height {
	min-height: 250px;
}

.la-agenda-latest-newsletter-block {
  h3 {
  	background-color: #03354F;
    z-index: 1000;
  }
}

.bg-black {
	background-color: black;
}

.our-collective-power-block .card-body h2 {
  min-height: 130px;
  max-height: 130px;
}

.our-collective-power-block .card-body p {
  max-height: 214px;
  overflow: hidden;
}

.our-collective-power-block .card-body:first-child:not(img) h2 {
  margin-top: 200px;
}

.organization-logo {
  min-height: 200px;
  max-height: 200px;
  object-fit: contain;
  margin: auto;
  width: 90%;
}

.become-member-excerpt{
  background-color:#063865;
  color:#fff;
}

.our-mission-block {    
    color: #fff;
    text-align: justify;
}

.our-mission-block h3{
  text-align:center;
  color:#fff;
} 

.become-member-excerpt h2,
.become-member-excerpt h3,
.become-member-excerpt h4,
.become-member-excerpt h5,
.become-member-excerpt .btn{
  color:#fff;
}

.as_seen_on ul{
  padding:0;
  margin:0;
}

.as_seen_on li{
  list-style:none;
  display: inline-block;
	padding: 10px 20px;
}

.all-mem h5, .npra-state h5 {
    font-weight: 400;
}

.member-link{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  padding:0 15px 50px;
  position: relative;
}

.member-link .member-img {
    padding: 15px;
  background-color:#fff;
    box-shadow: 0 0 17px 2px rgb(239, 241, 245.75);
    margin: 0 auto 20px;
    border-radius:6px; 
}

.member-link h4{
  color:#063765;
  font-size:16px;
  line-height:26px;
}

.member-link h5{
  font-size: 15px;
  color: #889cb1;
  font-weight: 600;
  text-transform: uppercase;
}

.member-link a{
  font-size:12px;
  color:#475159;
  font-weight:600;
  text-transform: uppercase;
  display:inline-block;
  border:#066ecb solid 1px;
  padding:8px 15px;
  border-radius:4px; 
  text-decoration: none;
  position: absolute;
	bottom: 15px;
  left: 0;
	right: 0;
	margin: auto;
	width: 90px;
}
  
.blue-bg{
  background-color:#f1fbff;
}

.left-gap{
   padding-left:50px;
}

.npra-state ul{
  padding:0;
  margin:0;
}

.npra-state li {
    list-style: none;
    display: inline-block;
  	padding: 0 6px;
  font-weight:600;
  margin: 0 0 20px;
} 

.state-img {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(204,226,243,.75);
    text-align: center;
  	margin: 0 auto 15px;
}

.pattern-bg{
  /*background-color:#063865;*/  
  position:relative;
}

.pattern-bg,
.pattern-bg h2,
.pattern-bg h3,
.pattern-bg h4,
.pattern-bg h5,
.white-txt,
.white-txt h2,
.white-txt h3,
.white-txt h4,
.white-txt h5,
.newsletter-block h3 {
  color:#fff;
}

.pattern-bg:before {
    content: "";
    width: 100vw;
    height: 100%;
    background-color: #063865;
  	background-image:url(pattern.png);
  	background-position: center;
		background-repeat: repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
  	-moz-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  z-index:-1;
}

.callto-action-btn, .btn-new{
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: #2d373f;
  	text-transform: uppercase;
    border: #066ecb solid 2px;
    display: inline-block;
    padding: 7px 15px;    
    text-align: center;
    border-radius: 6px;
}

.callto-action-btn{
  min-width: 226px;
}

.btn-new{
  width:auto;
}

.become-member .btn-new{
  color:#fff;
}
.join-content .btn-new{
  border:none;
  color:#fff; 
  margin-left: 20px;
}
.callto-action-btn:hover, .btn-new:hover{
  text-decoration:none;
}
.pattern-bg .callto-action-btn{
  color:#fff;
  border:#066ecb solid 2px;
}
.callto-action-btn:hover{
  text-decoration: none;
}
.left-excerpt{
  -webkit-width:calc(100% - 227px);
  width:calc(100% - 227px);
  padding-right:35px;
}
html, body.page-404{
    overflow-x: hidden;
    overflow-y: auto;
}

.story-highlight ul{
  padding:0;
  margin:0;
}
.story-highlight li{
  display:inline-block;
  padding: 10px 30px 10px 50px;
  background-image: url(footer-points-bullet.png);
  background-position: left center;
  background-repeat: no-repeat;
}
.member-points {
    position: relative;
}
.member-points ul{
  padding:0;
  margin:0;
  text-align:center;
  width:120%;
}
.member-points li {
    display: block;
    padding: 0 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
  	width: 33.33%;
		float: left;
}
.member-points li:first-child,
.member-points li:last-child{
  padding-top:60px;
}
.member-points li .p-img{
  margin-bottom:15px;
}
.member-points li span{
    white-space: nowrap;
}
.exclusive-access-excerpt{
  background-color: #effaff;
  	background-image:url(event-bg.png);
  	background-position: top center;
		background-repeat: no-repeat;
		text-align: center;
}
.newsletter-block {
    background-color: #dc4545;
  	background-image:url(newsletter-bg.jpg);
  	background-position: center;
		background-repeat: no-repeat;
  	background-size: cover;
		text-align: center;
    color: #fff;
}
.overlay-type{
  background-color:rgba(220,69,69,.9);
}
.newsletter-block input[type="text"],
.newsletter-block input[type="email"]{
    width: 100%;
    height: 50px;
    padding: 5px 10px;
    font-size: 16px;
    border: #fff solid 1px;
    border-radius: 6px;
}
.first-name,
.last-name{
    width: 50%;
  	padding:0 11px;
  	margin:0 0 20px;
}
.email-join{
  width:100%;
  padding:0 11px;
  margin:0 0 20px;
}
.newsletter-block .small-txt {
    font-size: 13px;
    letter-spacing: 0.03em;
    font-style: italic;
    margin: 15px 0 0;
}
.newsletter-block .submit-btn{
  	width:100%;
  	padding:0 11px;
}
.newsletter-block .submit-btn input[type="submit"]{
    width: 100%;
    border: #fff solid 2px;
    background-color: transparent;
    border-radius: 6px;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
.newsletter-block .text-secondary {
    color: #fff !important;
}
.newsletter-block .form-errors ul {
    color: #fff;
}
.latest-blog-cover {
  height:100%;
    box-shadow: 0 0 18px 6px rgba(166,189,219,.75);
}
.blog-highlight {
    padding: 20px;
}
.blog-highlight h5 a{
  color:#063765;
}
.blog-highlight p{
  font-size:14px;
}
.blog-highlight .btn-new {
    font-size: 14px;
    line-height: 20px;    
    color: #475159;    
    border: #066ecb solid 1px;    
    padding: 8px 10px;    
    border-radius: 5px;
  margin: 5px 0;
}
.post-date {
    font-size: 14px;
    font-weight: 900;
    color: #889cb1;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.blog-img img{
  display:block;
  width:100%;
}

.joining-section{
  padding:20px;
  border:rgba(0,0,0,.1) solid 1px;
  border-radius:10px;
}
.join-header {
    background: #063865;
    padding: 15px;
  	border-radius:3px 3px 0 0;
}
.join-header h3{
    color: #fff;
    font-size: 22px;
  	margin: 0;
}
.join-content {
    padding: 15px;
    background: #f3f8fc;
  border-radius:0 0 3px 3px;
}
.join-content h4{
    color: #3597ef;
    text-transform: uppercase;
    font-size: 18px;
}
.join-content ul{
  padding:0;
  margin-left:0;
  list-style:none;
}
.join-content li h5{
    font-size: 14px;
    color: #2d373f;
  margin: 0 0 2px;
}  
.join-content li{
  	font-size: 14px;
  	padding:0 0 10px 25px;
  	background-image:url(bullet-icon.png);
    background-position:left 3px;
    background-repeat: no-repeat;
}
/*-- footer --*/
.site-footer{
  	background-color:#0e0c0c;
    background-image: url(footer-bg.jpg);
  	background-position: center;
		background-repeat: no-repeat;
  	background-size:cover;
}
.footer-overlay.gap{
  padding:50px 0 20px;
}
.site-footer h2{
  color:#fff;
  text-align:center;
}
.site-footer,
.site-footer a{
  color:#8192b2;
  font-size:14px;
  letter-spacing: 0.03em;
}
.site-footer h5{
  color:#8192b2;
}
.site-footer p {
    line-height: 1.5;
}
.site-footer a.btn-new {
    background: #dc4545;
  	border-color:#dc4545;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
}
.footer-points{
  padding:30px 0 20px;
}
.site-footer .point-footer{
  color:#fff;
  font-size:16px;
  padding:10px 100px 10px 55px;
  position:relative;
  background-image:url(footer-points-bullet.png);
  background-position:left center;
	background-repeat: no-repeat;
}
.site-footer .point-footer::before {
    content: "";
    width: 6px;
    height: 65px;
    border: none;
    border-left: rgba(255,255,255,.15) solid 1px;
    border-right: rgba(255,255,255,.15) solid 1px;
    display: block;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%) rotate(20deg);
}
.site-footer .point-footer:last-child{
  padding-right:0;
}
.site-footer .point-footer:last-child:before{
  display:none;
}
.footer-nav:last-child{
  padding:0 0 0 90px;
}
.footer-nav ul{
  padding:0;
  margin:0 0 15px;
  list-style:none;
}
.footer-nav ul li{
  padding-left:20px;
  margin-bottom:10px;
  position:relative;
}
.footer-nav ul li:before{
  content:"\f061";
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 600;
  font-size: 10px; 
  position: absolute;
	top: 5px;
	left: 0;
}
.footer-nav ul li a{
  font-size:16px;
}
.site-footer hr{
  border-top: rgba(255,255,255,.2) solid 1px;
}
.site-footer .social-links li{
  margin-right:10px;
}
.site-footer .social-links a{
    width: 35px;
    height: 35px;
  	font-size:17px;
    display: block;
    background: #fff;
    border-radius: 6px;
    text-align: center;
  	padding: 5px 0;
}
.site-footer .social-links .tw a{
  color:#00a8ff;
}
.site-footer .social-links .fb a{
  color:#3546ea;
}
.site-footer .social-links .ins a{
  color:#b05326;
}




.page-type-donation-v2 .background-overlay,
.page-type-donation-v2 .site-footer .footer-overlay{
  background-color:rgba(6,56,101,.9);
  position: relative;
}


.page-type-donation #content{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.donation-form-container .submit-button{
  display:block;
  margin: 0 0 15px;
}

.donate-bg{
  background-position:center;
	background-repeat: no-repeat;
  background-size:cover;
}
.donate-bg-overlay{
  background-color:rgba(6,56,101,.9);
}


.page-type-donation #content{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.donation-form-container .submit-button{
  display:block;
  margin: 0 0 15px;
}

.form-wrap {
    background: #fff;
    padding: 40px;
    border-radius: 6px;
}

.page-pages-show-donation-v2-wide .progress-indicator-stages li{
	margin-right: 65px;
}
.page-pages-show-donation-v2-wide .progress-indicator-stages li.seen .stage-count-inner {
    background: #cdcdcd;
}
.page-pages-show-donation-v2-wide .progress-indicator-stages li.completed .stage-count-inner {
    text-indent: 0;
    background: #dc4545;
    cursor: pointer;
}
.page-pages-show-donation-v2-wide .progress-indicator-stages li:after {
    content: " ";
    width: 57px;    
    top: 23px;
    left: 54px;
}
.page-pages-show-donation-v2-wide .progress-indicator-stages li .stage-label{
	font-size: 14px;
	color: #2d373f;
  font-weight: 400;
}
.page-pages-show-donation-v2-wide .progress-indicator-stages li.active .stage-label{
	font-weight: 600;
}

.custom-control-label {
    position: relative;
    margin: 0 5px 10px;
    vertical-align: top;
    background: #3698ef;
    padding: 8px 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
}
.donation-v2-amounts .custom-control:last-child{
	width:auto;	
}
select{
  display: block;
  width: 100%;
  height: calc(1.5em + 1.2rem + .125rem);
  padding: .6rem 1.875rem;
  font-family: "Lato",sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  color: #03354F;
  background-color: #fff;
  background-clip: padding-box;
  border: .0625rem solid #e9ecef;
  border-radius: 3.125rem;
  -webkit-transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.page-type-donation-v2 .form-control.card-field{
  padding:0;
  border:none;
  border-radius: none;
}
.blue-bg{
  position:relative;
}
.blue-bg:before {
    content: "";
    width: 100vw;
    height: 100%;
    background-color: #f1fbff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  z-index:-1;
}

.our-story-nav{
  display:none;
}

.event-slider {
    padding: 0 50px;
}
.event-img, .event-info {
    width: 50%;
    float: left;
}
.event-img{
  padding:10px;
}
.event-img img{  
    box-shadow: 0 0 15px 1px rgba(166, 189, 219, 0.75);
    border-radius: 5px;
}
.event-info{
  padding-left:50px;
}
.event-info h2{
    font-size: 20px;
}
.event-info h2 a{
  	color:#063765;
}
.event-info .p-date{
    color: #889cb1;
    font-size: 16px;
    font-weight: 600;
}
.eventexpert{
  color: #2d373f;
  font-size: 15px;
}
.event-info  a.event-link {
    font-size: 12px;
    color: #475159;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    border: #066ecb solid 1px;
    padding: 8px 15px;
    border-radius: 4px;
    text-decoration: none;
}
.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: none;
    font-size: 44px;
  color:#063865;
}
.slick-prev {
    left: 0;
}
.slick-next {
    right: 0;
}
@media screen and (max-width:1200px){
  .member-points li{
    font-size:12px;
  }
  /*--story page --*/
  .member-link {  
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .left-excerpt {
    width: 100%;
    padding-right: 0;
	}
  .excerpt-block.d-flex{
    -ms-flex-wrap: wrap;
		flex-wrap: wrap;
  }
  .page-excerpt-block .callto-action-btn {    
    margin-top: 15px;
	}
}

@media screen and (max-width:991px){ 
  .member-points ul {
    width:100%;
  }
  .member-points li{
    font-size:14px;
  }
  .member-points li span {
    white-space: normal;
  }
  .event-img, .event-info {
    width: 100%;
    float: left;
	}
  .event-info{
    padding:0;
  }
  .slick-arrow{
    font-size:28px;
  }
  /*--story page --*/
  .member-link {    
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;   
	}
}
@media screen and (max-width:767px){
  .left-gap {
    padding-left: 0;
	}
  .member-points li:first-child, .member-points li:last-child {
    padding-top: 0;
	}
  .member-points li{
    width: 100%;
		margin: 0 0 15px;
  }
  
  .latest-blog-cover {
  	margin:0 0 25px;
    height:auto;
	}
  .site-footer{
    text-align:center;
  }
  .site-footer .point-footer{
    padding: 40px 10px 10px 10px;
    margin: 0 0 15px;
    background-position: top center;
  }
  .site-footer .point-footer:before{
    display:none;
  }
  .footer-nav{
    margin-top:20px;
  }
  .footer-nav,
  .footer-nav ul li{
    text-align:left;
  }
  .ourstory-sub-pages{
    max-width:100%;
    padding: 20px 20px 0;
    margin-bottom:30px;
  }
  .our-story-nav {
    display:block;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding: 0 10px;
    float: left;
		width: 100%;
    margin-bottom:20px;
    border-bottom: rgba(255,255,255,.15) solid 1px;
    curser:pointer;
	}
  .our-story-nav .fas{
    float:right;
  }
  .ourstory-sub-pages ul{
    display:none;
    margin-bottom:20px;
    float:left;
  }
}
@media screen and (max-width:575px){
  .first-name, .last-name {
      width: 100%;
  }
  .footer-nav {
      width: 100%;
  }
  .footer-nav:last-child {
    padding: 0;
	}
  .footer-nav, .footer-nav ul li{
    text-align:center;
    padding:0;
  }
  .footer-nav ul li:before{
    display:none;
  }
  /*--story page --*/
  .member-link {    
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;   
	}
}




.ourstory-sub-pages.fixed-sidebar {
    position: fixed;
    top: 100px;
    z-index: 99;
}
@media screen and (max-width:767px){
  .ourstory-sub-pages.fixed-sidebar,
  .ourstory-sub-pages.freesidebar{
    left:0;
    right:0;
    position: fixed;
    top: 100px;
    z-index: 99;
	}
}


#memberModal .modal-body{
	background: #fff;
	border-radius: 3px;
  padding:0;
}
.modal-body #member-img {
    padding:20px 20px;
    background-color: #fff;
   text-align: center;
    margin: 0 auto 20px;
    border-radius: 6px;
    width: 100%;
  	background: #f1fbff;
}
#member-name {
    color: #063765;
    font-size: 18px;
    line-height: 28px;
  text-align: center;
font-weight: 600;
  padding:0 20px;
}
.info-inner-b{
   padding:20px 20px;
}
#memberModal .h {
    font-size: 15px;
    color: #889cb1;
    font-weight: 600;
    text-transform: uppercase;  
}
.info-inner-b, .info-inner-b p, .info-inner-b a{
	color: #2d373f;  
}
#memberModal .close{
  color:#fff;
}
.member-list .social-links{
  display:none;
}
#social-area {
    background: #f1fbff;
    padding: 20px 20px;
}
#social-area ul {
    padding: 0;
    margin: 0;
  list-style: none;
}
#social-area li {
    display: inline-block;
    width: 35px;
    height: 35px;
    border: rgba(0,0,0,.1) solid 1px;
    border-radius: 6px;
    margin-right: 10px;
}
.latest-bog-block .btn.btn-primary{
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  color: #2d373f;
  text-transform: uppercase;
  border: #066ecb solid 2px;
  display: inline-block;
  padding: 7px 25px;
  text-align: center;
  background-color: #fff;
	margin-top: 25px;
  border-radius: 6px;
}

/*-- member order --*/
/*.nilda_ru_z{
	order: 1;
}
.ronald_blackburn_moreno{
	order: 2;
}
.edwin_mel_ndez{
	order: 3;
}
.roseni_plaza{
	order: 4;
}
.gretchen_sierra-zorita{
	order: 5;
}*/
@media screen and (min-width:578px){
	.member-link .same_height {
    min-height: 86px;
  }
}
}


/*-css for donation pages --*/
#individual_member_annual_page_new_donation_form #donation_amount_other,
#individual_member_monthly_page_new_donation_form #donation_amount_other,
#regional_org_membership_page_new_donation_form #donation_amount_other,
#state_org_membership_page_new_donation_form #donation_amount_other,
#national_org_membership_page_new_donation_form #donation_amount_other{
  visibility:hidden;
}
#individual_member_annual_page_new_donation_form #donation_amount_other + .custom-control-label,
#individual_member_monthly_page_new_donation_form #donation_amount_other + .custom-control-label,
#regional_org_membership_page_new_donation_form #donation_amount_other + .custom-control-label,
#state_org_membership_page_new_donation_form #donation_amount_other + .custom-control-label,
#national_org_membership_page_new_donation_form #donation_amount_other + .custom-control-label{
  display:none;
}

#individual_member_annual_page_new_donation_form .donation-other-input-container,
#individual_member_monthly_page_new_donation_form .donation-other-input-container,
#regional_org_membership_page_new_donation_form .donation-other-input-container,
#state_org_membership_page_new_donation_form .donation-other-input-container,
#national_org_membership_page_new_donation_form .donation-other-input-container{
  display:none;
}
#individual_member_annual_page_new_donation_form .stage-1 .col-sm-12,
#individual_member_monthly_page_new_donation_form .stage-1 .col-sm-12,
#regional_org_membership_page_new_donation_form .stage-1 .col-sm-12,
#state_org_membership_page_new_donation_form .stage-1 .col-sm-12,
#national_org_membership_page_new_donation_form .stage-1 .col-sm-12{
    text-align: center;
}

#signup_custom_values_choose_a_chapter_custom{
  height:calc(1.5em + .6rem + .125rem + 1.4rem);
  padding-top: 1.3rem;
}