/**
Theme Name: ymcadownslinkgroup
Author: SCIP
Author URI: 
Description: Theme from SCIP for YMCADLG
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ymcadownslinkgroup
Template: astra
*/

body {
	letter-spacing: -.01em;
}

.fl-module-content a {
	color: #ac1a6b;
}

.fl-module-content a:hover{
	text-decoration: underline;
}

#callout-row .fl-col-group {
  display: flex;
}
#callout-row .fl-col-group .fl-col {
  display: flex;
}

.astra-advanced-hook-12002 {
    LEFT: 60%;
    MARGIN-LEFT: -25%;
    position: absolute;
}

img.alignright, img.alignleft{
	margin-bottom: 1em;
}

.site-header::after, #responsive-menu-pro-header:after , .main-header-bar-wrap:after{
  content: "";
  width: 100%;
  height: 5px;
  background: url(images/border-bg-2022_W1600.png);
  background-size: 100% 5px;
  background-repeat: no-repeat;
  position: absolute;
	left: 0;
}

#timeline .fl-module-content a{
	
}


#custom_html-2 a {
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: .75px;
	font-size: 15px;
	margin-right: 20px;
	font-family: "FS Me";
	border-bottom: 1px solid #fff;
	position: relative;
}


.ast-single-post .entry-title, .page-title {
   
    text-align: center;
}

.main-header-menu li#menu-item-11643 a span.menu-text {
    color: #fff;
    padding: 10px 18px 8px 18px;
    background: #ac1a6b;
    display: inline;
    line-height: 25px;
    border-radius: 3px;
}

.main-header-menu li.mobile-only{
	display: none;
}


.site-footer .widget_nav_menu li{
	padding-bottom: 3px;
}


 #responsive-menu-pro-header,  button#responsive-menu-pro-button,  #responsive-menu-pro-container {

	font-family: "FS Me";
}


.fl-module-rich-text ul li{
	list-style: none;
	position: relative;
	
}

.fl-module-rich-text ul li::before {
    content: "";
    border-color: transparent #4d4f53;
    border-style: solid;
    border-width: .42em 0 .42em .67em;
    display: block;
    height: 0;
    width: 0;
    left: -20px;
    top: 10px;
    position: absolute;
}


/**** what we do new callouts for 2022 ****/
/* accommodation */
.fl-node-pwuk5mi7n64v .uabb-photo-content {
	border: 4px solid #9bd3f2;
}

/* family work */
.fl-node-qkis8gn5ahyr .uabb-photo-content {
	border: 4px solid #ed8c01;
}
/* health & wellbeing */
.fl-node-pxtn1k79rfuq .uabb-photo-content {
	border: 4px solid #b5cb52;
}
/* support & advice */
.fl-node-d5vuw38hiqfl .uabb-photo-content {
	border: 4px solid #f7bf1f;
}
/* training & education */
.fl-node-ep5rt0m3x1qu .uabb-photo-content {
	border: 4px solid #81c3af;
}

/* Zoom in on hover */
.hover-zoom-in .uabb-photo-content {
  overflow: hidden;
}
.hover-zoom-in .uabb-photo-content .uabb-photo-img {
  -webkit-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
  will-change: transform;
}
.hover-zoom-in .uabb-photo-content .uabb-photo-img:hover {
  -webkit-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}


.fl-callout{
	text-align: center;
}

.color-box  .fl-module-content{
	min-height: 480px;
}



.fl-callout .fl-callout-text-wrap, .fl-callout h3{
	padding-left: 15px;
	padding-right: 15px;
	
}

.fl-callout:hover, .uabb-blog-posts-shadow:hover{
	/*box-shadow: 1px 4px 16px 4px rgba(200,200,200,0.8);*/
}



body.page-id-6748 .fl-callout:hover, .no-shadow .fl-callout:hover{
	box-shadow: none;
}

.fl-callout a, .fl-callout img, .uabb-blog-posts-shadow img{

	transition: .5s all;   
   
}

.fl-callout h3 a{
	color: #4d4f53;
	transition: .5s all;   
   
}

.fl-callout h3 a:hover{
	opacity: 0.85;
}

.fl-callout a:hover img, .uabb-blog-posts-shadow a:hover img{
	opacity: 0.80;
}

body.blog h2.entry-title{
	font-size: 26px;
}

.post-thumb-img-content{
	text-align: center;
	margin-bottom: 30px;
}

.nf-field-container{
	color: #393b3c;
}

#whatwedo .fl-photo-content img{
	border: 2px solid #e13216;
}

.rpwwt-post-date{
	font-size: 14px;
	color: #b2b2b2;
}	

.ast-logo-title-inline .site-logo-img {
    padding-right: 1em;
    width: 130px;
    height: auto;
}



/* footer col */




blockquote {    
   position: relative;
   width: 100%;
   height: auto;
   padding: 30px 35px 30px 70px;
   background: #9bd1f1;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   font-size: normal;
   font-size: 1em;
   margin: 0 0 3em;
   border-left: none;
   font-style: normal;

}
blockquote:after
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0;
    border-color: #9bd1f1 transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -20px;
    left: 60px;
	color: #4d4f53;
}


blockquote::before{
    content: "\f205";
    position: absolute;
    left: 10px;
    line-height: 1;
    font-size: 3em;
    font-family: dashicons;
    color: #006494;
    top: 20px;
}

.collapseomatic {
    background-image: none !important;
    position: relative;
    padding: 10px 0 10px 30px !important;
    display: block;
}

.collapseomatic::before {
    content: "\f13a";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    color: #000;
    font-size: 20px;
    padding-right: .5em;
    position: absolute;
    top: 5px;
    left: 0;
}



.uabb-table span.number {
    background: #6a468f;
    border-radius: 2em;
    
    color: #ffffff;
    display: inline-block;
    font-weight: normal;
    line-height: 2em;
    margin-left: 10px;
    text-align: center;
    width: 2em;
    font-size: 24px;
}

/*

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+1) h3 a{
	color: #f7be1f !important;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+2) .uabb-blog-posts-shadow, .ymca-stories .pp-post-2n .pp-content-body{
	background: #B0C544 !important;
}

.ymca-stories .pp-post-2n:hover .pp-content-body{
	background: #A6BB3A !important;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+2) h3 a, .ymca-stories .pp-post-2n h3 {
	color: #00517a !important;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+3) .uabb-blog-posts-shadow, .ymca-stories .pp-post-last .pp-content-body {
	background: #6c4791;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+3) h3 a, .ymca-stories .pp-post-last h3 {
	color: #81c3af !important;
}

.ymca-stories .pp-post-last:hover .pp-content-body{
	background: #664389 !important;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+4) .uabb-blog-posts-shadow{
	background: #70BEEB;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+4) h3 a{
	color:#804236 !important;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+5) .uabb-blog-posts-shadow{
	background: #F6BA13;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+5) h3 a{
	color:#e13316 !important;
}

*/


.home-news .uabb-post-grid-3 .uabb-blog-posts-col-3 .uabb-blog-posts-shadow{
	background-color: #fff !important;
}
.home-news .uabb-post-grid-3 .uabb-blog-posts-col-3 h3 a{
	color: #4d4f53 !important;
}

.ast-oembed-container{
	margin-bottom: 30px;
}

#mailchimp  a{
	color: #fff !important;
	text-decoration: underline !important;
}

.mc4wp-form-fields p {
    width: 24%;
    float: left;
    margin-right: 1%;
}

.mc4wp-form-fields input{
	width: 100%;
	border-radius: 0;
}

.mc4wp-form-fields label { 
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#mailchimp .fl-html input[type="submit"] {
    background-color: #333 !important;
    padding: 14px 40px;
    color: #fff;
    border: 1px solid #333 !important;
	width: 100%;
}

#mailchimp .fl-html input[type="submit"]:hover{
	background-color: #000 !important;
}

#mc_embed_signup #mce-success-response {
	color: #fff;
	font-size: 2em;
}

/*** Gravity Forms ***/
.uabb-gf-style .gform_wrapper .gfield_radio li label {
	display: inline !important;
}
.uabb-gf-style .gform_body .ginput_container_radio .gfield_radio li label {
	padding-right: 2.15em;
}
.uabb-gf-style form .gform_body .gfield_label {
	padding-top: 1.5em;
}
 .uabb-gf-style .gform_body .ginput_container_checkbox .gfield_checkbox li label {
	padding-right: 2em;
	display: inline;
}

#gform_confirmation_message_2 {
	color: #ac1a6b;
	font-size; 1.5em;
}

body.single-opportunity a.download{
	display: block;
	margin-bottom: 1.5em;
}

@media only screen and (min-width: 1000px) {

.fl-node-5eddd67b79442 p.uabb-sf-subheading {
    margin-bottom: 30px;
    padding-left: 80px;
    padding-right: 80px;
}
}

@media only screen and (max-width: 1166px) {

body.page-id-14551 #responsive-menu-pro-header, body.page-id-14551 button#responsive-menu-pro-button{
	display: none;
}

body.page-id-14551{
	margin-top: 0px !important;
}
	
}	

@media only screen and (max-width: 1176px) {
	
.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header .ast-container {
    padding: 0 20px;
}	
	
.ast-header-break-point.ast-above-header-hide-on-mobile .ast-above-header-wrap {
    display: block;
}

.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-wrap {
    flex-direction: row;
}

.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-1 {
    flex-direction: row;
  flex-wrap: wrap;
    text-align: left;
    width: 50%;
	justify-content: left;
	padding: 0;
		height: 60px;
	
}

.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-2 {
    padding: 0;
	height: 60px
}	

.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-section-2 {
   flex-direction: row;
  flex-wrap: wrap;
    text-align: right;
    width: 50%;
	justify-content: right;
}	

.ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-1 .ast-above-header-section-1 {
    padding: 0;
}

a.header-button {
    color: #fff;
    background: #6c4791;
    padding: 16px 30px 18px;
    border-radius: 3px;
    margin-right: 10px;
    margin-top: 2px;
}

.astra-search-icon::before {
   
    font-size: 33px;	
}	
}

@media only screen and (max-width: 1023px) {
	
.astra-advanced-hook-12002 {
    left: 0;
    position: absolute;
	margin-left: 0;
}

.footer-buttons {
	width: 300px;
	margin: 0 auto;

}	

.footer_col{
	width: 100%;
	margin-bottom: 0;
	margin-top: 0;
}	
}

@media only screen and (max-width: 992px) {
	
body.single-post .fl-col-small:not(.fl-col-small-full-width) {
    max-width: 100%;
}

.fl-node-5edcfdb12100d {
	width: 100%;
}	
}

@media only screen and (max-width: 767px) {

.footer-adv {
   
    text-align: center;
}  

.mc4wp-form-fields p {
    width: 100%;
    float: left;
    margin-right: 0%;
}

form#mc4wp-form-1{
	max-width: 500px;
	margin: 0 auto;
}

.fl-node-5fae95b18c577 .uabb-info-list-wrapper.uabb-info-list-top li {
    display: block !important;
    width: 49% !important;
    float: left;
}
}

/* marks changes */



/* event registration button */

.register a.fl-button, .register a.fl-button:visited {
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
color: #fff;
background: #ae126c; 
-webkit-transition: all 0.2s linear;
text-align: center;
font-size: 22px;
font-weight: 600;	
border: 1px solid #a20660;
text-transform: uppercase;	
}

.register a:hover.fl-button{
background: #94105d;	
border: 1px solid  #94105d;		
	}

.register{
	text-align: center;
	font-size: 22px;
	color: #a20660
}

.register a.ymca, .register a.ymca:visited{
	background: #6c4791;
	border-color: #6c4791
}

.register a:hover.ymca{
	background: #52366D;
	border-color: #52366D;
}

#event .uabb-blog-posts-shadow:hover{
	/*box-shadow: 0px 0px 0px 0px rgba(200,200,200,0);*/
}

.transform .fl-callout h3 span span{
	color: #ae126c;
	font-weight: bold
	
}

.transform .fl-callout h3{
	font-size: 22px;
	padding-top: 5px;
}

.y-section h2 {
  background: url(/wp-content/uploads/2022/10/yellow-swish.png) no-repeat left top;
  height: 92px;
  width: 282px;
  color: #111;
  display: table-cell;
  vertical-align: middle;
}

.y-section h2 span{
	padding-left: 40px
}

/* xmas form */

 #gform_wrapper_96 .gform_footer{
	 margin-top: 0;
	 padding-top: 0;
}

 #gform_wrapper_96 .gfield_label {
	font-size: 1.4rem;
	font-weight: normal
}

#gform_wrapper_96 h3{
	font-size: 1.3em;
}

 #gform_wrapper_96 .gfield-choice-input {
  
  margin-top: 0;
  top: 0;
  vertical-align: top;
  margin-top: 7px;
  margin-right: 8px;
}

.gform_wrapper.gravity-theme .ginput_total {
  color: #ac1a6b;
}



#gform_wrapper_96 input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){
	   border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom-width: 2px;
	 background-color: transparent;
	 border-color: rgba(0,0,0,.4);
	 

}

#gform_wrapper_96 #field_96_20{
	grid-column: span 3;
-ms-grid-column-span: 3;
}

#gform_wrapper_96 #field_96_17{
	grid-column: span 9;
-ms-grid-column-span: 9;
}

#field_96_4{
	margin-bottom: 30px
}

#field_96_22{
	border: none;
	padding: 0
}
}

#field_96_19 .gfield_label{
	display: none;
}

/* radio into buttons */

/* Buttonize Radio & Checkbox Fields */
 .gform_wrapper .gfield.buttonized .gfield_radio .gchoice,
 .gform_wrapper .gfield.buttonized .gfield_checkbox .gchoice {
    position: relative;
    text-align: center;
 }
 .gform_wrapper .gfield.buttonized input[type="radio"],
 .gform_wrapper .gfield.buttonized input[type="checkbox"] {
    position: absolute;
    left: -9999px;
 }
 .gform_wrapper .gfield.buttonized .gfield_radio label,
 .gform_wrapper .gfield.buttonized .gfield_checkbox label {
    display: block !important;
    position: relative;
    max-width: 100%;
    padding: 0.5em;
    font-size: 38px;
    border-radius: 10px;
    background-color: #9bd3f2;
    cursor: pointer;
 }
 .gform_wrapper .gfield.buttonized input[type="radio"]:focus+label,
 .gform_wrapper .gfield.buttonized input[type="checkbox"]:focus+label {
    border-color: #040404;
 }
 .gform_wrapper .gfield.buttonized input[type="radio"]:checked+label,
 .gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label {
    border-color: #040404;
    background-color: #26A1E3;
    overflow: hidden;
	 color: #fff;
 }
 .gform_wrapper .gfield.buttonized input[type="radio"]:checked+label::before,
 .gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label::before {
    content: '';
    display: block;
    position: absolute;
    top: -.75em;
    right: -.75em;
    left: auto;
    width: 1.5em;
    height: 1.5em;
    background-color: #f7bf1f;
    border-radius: 0;
    border: 0;
    transform: rotate(45deg);
 }
 .gform_wrapper .gfield.buttonized .gfield_radio label::before,
 .gform_wrapper .gfield.buttonized .gfield_checkbox label::before {
    display: none;
 }

#input_96_21_5_container input#input_96_21_5{
	border: 1px solid #bbb;
	
}

/* xmas 2021 */

@media only screen and (min-width: 768px)  {

.xmas-left, .xmas-right {
    position: relative;
    z-index: 1;
    overfloW: visible;
}


.xmas-left .sparkles-left-img  {
    position: absolute;
    top: 120px;
    overflow: visible;
    left: -40px; 
	display: block;
}

.xmas-right .sparkles-right-img  {
    position: absolute;
    top: -20px;
    overflow: visible;
    right: -40px; 
	display: block;
}
	
}	

.justgiving-left {
	float: left;
	margin-left: 20px
}

/* end xmas */

body.search-results .fl-post-feed-post {
	border-bottom: 0;
}
	

#mc_embed_signup{
	background: #ae126c !important;
	color: #fff !important;
}

#mc_embed_signup .mc-field-group{
	width: 33% !important;
	display: inline-block;
	padding: 0 5px 0 0
}

#mc_embed_signup .mc-field-group input{
	border-radius: 0;
	padding: 13px 0 !important;
	
}

#mc_embed_signup .input-group{
	width: 100% !important;
}

#mc_embed_signup .input-group li {
float: left;
padding-right: 15px !important;
}

#mc_embed_signup .mc-field-group.input-group label {
    display: inline;
    padding-left: 5px;
}

#mc_embed_signup .mc-field-group.input-group li:nth-child(5), 
#mc_embed_signup .mc-field-group.input-group li:nth-child(4){
	display: none;
}

#mc_embed_signup .button{
	background-color: #333 !important;
	padding: 10px 25px !important;
	height: 55px !important;
	
}

#mc_embed_signup h2{
	display: none;
	
}

@media only screen and (max-width: 875px){

#mc_embed_signup .mc-field-group {
    width: 100% !important;
	
}

#mc_embed_signup .mc-field-group.input-group ul li {
    width: 100%;
}

}

.newsletter a{
	text-decoration: underline;
}


.ast-breadcrumbs {
     font-size: 15px;
}

.uabb-subscribe-form p.uabb-sf-subheading a{
	color: #fff !important;
		text-decoration: underline;
	
}

a.job-button, .single-opportunity a.button{
	background-color: #ae126c;
	color: #fff !important;
		padding: 15px 20px;
	border-radius: 5px;
	
}

body.single-opportunity #content .ast-container{
	max-width: 1000px;
}

.post-navigation{
	display: none;
}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    font-size: inherit;
    font-family: inherit;
    padding: 9px 9px;
    letter-spacing: normal;
		border-color: #ccc;
}

.icons [class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon'!important;
     -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* hiding elements in iframe thank you page */

body.page-id-17479 #responsive-menu-pro-header, body.page-id-17479 #responsive-menu-pro-header-bar-button,
body.page-id-17479 .site-header::after, body.page-id-17479 #responsive-menu-pro-header::after, body.page-id-17479 .main-header-bar-wrap::after{
	display: none !important;
}

body.page-id-17516 #responsive-menu-pro-header, body.page-id-17516 #responsive-menu-pro-header-bar-button,
body.page-id-17516 .site-header::after, body.page-id-17516 #responsive-menu-pro-header::after, body.page-id-17516 .main-header-bar-wrap::after{
	display: none !important;
}

body.page-id-17479{
	margin-top: 0 !important;
}

#formContainerF281f8796f7434614b4677203fa8e63d1 form input{
	border-color: #000 !important;
}


@media only screen and (max-width: 510px) {

	img.wp-image-13871 {
		float: none;
display: block;
	}		
}

.btn-custom {
	font-size: 2em !important;
}

#responsive-menu-pro-header #responsive-menu-pro-header-bar-logo img {
	width: 12rem;
}

/* old uabb post grid 

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+1) h3 a{
	color: #f7be1f !important;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+2) .uabb-blog-posts-shadow, .ymca-stories .pp-post-2n {
	background: #B0C544 !important;
}

.ymca-stories .pp-post-2n:hover {
	background: #A6BB3A !important;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+2) h3 a, .ymca-stories .pp-post-2n h3 {
	color: #00517a !important;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+3) .uabb-blog-posts-shadow, .ymca-stories .pp-post-last  {
	background: #6c4791;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+3) h3 a, .ymca-stories .pp-post-last h3 {
	color: #81c3af !important;
}

.ymca-stories .pp-post-last:hover {
	background: #664389 !important;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+4) .uabb-blog-posts-shadow{
	background: #70BEEB;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+4) h3 a{
	color:#804236 !important;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+5) .uabb-blog-posts-shadow{
	background: #F6BA13;
}

.uabb-post-grid-3 .uabb-blog-posts-col-3:nth-child(5n+5) h3 a{
	color:#e13316 !important;
}


*/


.ymca-stories .pp-post-2n {
	background: #B0C544 !important;
}

.ymca-stories .pp-post-2n:hover {
	background: #A6BB3A !important;
}

.ymca-stories .pp-post-2n h3 {
	color: #00517a !important;
}

 .ymca-stories .pp-post-last  {
	background: #6c4791;
}

 .ymca-stories .pp-post-last h3 {
	color: #81c3af !important;
}

.ymca-stories .pp-post-last:hover {
	background: #664389 !important;
}

/* donation form */

#wpf_form_id_44{
	background: #fff;
	padding: 20px 30px;
	position: relative;
	z-index: 99;
}

/* Swap the custom amount with buttons */

.wpf_donation_fields_wrapper {
   display: flex;
  flex-direction: column-reverse;
}
.wpf_donation_fields_wrapper .wpf_donation_controls_custom{
	margin-top: 25px;
}

/* end */


.wpf_form_wrapper {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
  color: #696969;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
	padding: 25px
}

.wpf_form_wrapper p, .wpf_html_content_wrapper {
	font-size: 16px;
	line-height: 1.6;
}

.checkbox-yes label {
	font-weight: bold !important;
}

.no-label .wpf_input_label, .wpf_address_wrapper label  {
	display: none !important;
}

.wpf_address_wrapper{
margin-top: 30px;
}

.wpf_address_wrapper input{
	font-size: 15px;
}

.wpf_form_wrapper input  {
  background: #fff;
  border: 1px solid #b8b8b8 !important;
  border-radius: 4px !important;
  box-shadow: inset 0 1px 5px rgba(0,0,0,.152);
  box-sizing: border-box;
  color: #828382;
  font-size: 20px;
  font-weight: 400;
  height: auto;
  line-height: 1;
  padding: 12px !important
}

.wpf_form_wrapper h1{
	color: #af126d;
}

.wpf_form_wrapper h3 {
	font-weight: 500;
	font-size: 20px;
	margin-top: 20px;
	color: #676B6D;
	margin-top: 1rem;
}

.wpf_form_wrapper .intro h3{
	font-weight: normal;
}



#wpf_choose_payment_method .wpf_input_label{
	font-weight: bold !important;
	font-size: 20px;
	margin-top: 40px;
}

.wpf_donation_controls_radio label {
  border-radius: .25rem;
  position: relative;
  text-align: center;
  font-weight: 400 !important;
  line-height: 27px;
  display: block;
  cursor: pointer;
  padding: 6px 20px;
  background: #ac1a6b !important;
	color: #fff;
	
}

.wpf_form_wrapper h3 {
  font-weight: bold;
  font-size: 20px;
  margin-top: 20px;
  color: #676B6D;
  margin-top: 2rem;
}

.wpf_form_wrapper form.wpf_form .wpf_default_btn, .wpf_form_wrapper form.wpf_form .wpf_full_block_btn {
	border-radius: 4px !important;
	display: inline-block !important;
	background-color: #ac1a6b !important;
	background-image: none !important;
	box-shadow: 0 1px 0 0 rgba(46,86,153,.15),inset 0 1px 0 0 rgba(46,86,153,.1),inset 0 -1px 0 0 rgba(46,86,153,.4);
	font-size: 24px !important;
	line-height: 0px !important;
	height: auto !important;
	font-weight: 700 !important;
	text-shadow: 0 -1px 0 rgba(0,0,0,.12) !important;
	color: #fff !important;
	cursor: pointer !important;
	transition: all .2s ease-in-out !important;
	padding: 36px 60px !important;
}

.wpf_donation_controls_radio label {
    padding: 16px 16px !important;
    font-weight: 700 !important;
    font-size: 22px;
}
.wpf_donation_recurring_controller label.form-check-label {
    font-size: 0px;
    visibility: none;
}
.wpf_donation_recurring_controller label.form-check-label:before {
    content: "I would like to make my donation monthly";
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 23px;
}
.wpf_item_recurring_payment_item .wpf_subscription_controls_radio .form-check label {
    border-radius: 0.25rem;
    position: relative;
    text-align: center;
    font-weight: 300;
    line-height: 27px;
    display: block;
    cursor: pointer;
    padding: 16px;
    background: #ac1a6b !important;
    color: #fff;
    display: block;
    float: left;
    margin: 0 11px 11px 0;
}
.subscription_radio_custom_3 .wpf_input_label {
    clear: both;
    padding-top: 10px;
}
.wpf_html_content_wrapper {
    clear: both;
}
.wpf_item_recurring_payment_item .wpf_subscription_controls_radio label span {
    padding: 16px 16px !important;
    font-weight: 700 !important;
    font-size: 22px;
}
.wpf_item_recurring_payment_item .form-check-input {
    display: none;
}
.wpf_donation_controls_radio label:hover,
.wpf_donation_recurring_controller label:hover {
    background: #94105d !important;
}


.wpf_form_wrapper input:focus-visible, .wpf_form_wrapper input:focus{

	 background: #fff;
  border: 1px solid #111 !important;
  border-radius: 4px !important;
  box-shadow: inset 0 1px 5px rgba(0,0,0,.152);
  box-sizing: border-box;
  color: #828382;
  font-size: 20px;
  font-weight: 400;
  height: auto;
  line-height: 1;
  padding: 12px !important;
}

/* replace original payment logo with new logo */

.wpf-radio-with-Icon label[for="choose_payment_method_stripe_22156"], .wpf-radio-with-Icon label[for="choose_payment_method_stripe_22157"]{
	position: relative;
	top: 8px
}

.wpf-radio-with-Icon label[for="choose_payment_method_stripe_22156"] img, .wpf-radio-with-Icon label[for="choose_payment_method_stripe_22157"] img{
	display: none;
}

.wpf-radio-with-Icon label[for="choose_payment_method_stripe_22156"]::after, .wpf-radio-with-Icon label[for="choose_payment_method_stripe_22157"]:after{
	content: url("/wp-content/uploads/2023/07/ymca-payment-methods3.svg");
	width: 320px;
	display: block;
	position: relative;
	top: 6px;
}

.wpf-radio-with-Icon label {
 margin-right: 10px !important
}



/* style name and title */

.wpf_form_wrapper .name{
	width: 49% !important;
	float: left;
}

.wpf_form_wrapper .first-name{
	margin-right: 2%
}

.wpf_form_wrapper .title{
	max-width: 180px;
	border-radius: 5px;
	border: 1px solid #b8b8b8 !important;
	
	}

.wpf_input_label label{
	font-weight: bold;
}



@media screen and (max-width: 768px) {
	.wpf_form_wrapper h1{
		font-size: 36px;
	}	
	
.wpf_form_wrapper .name{
	width: 100% !important;
	float: left;
}	
	
.fl-node-f4p6v1kmgs2r{
max-width: 600px !important;		
	}	
	
.wpf_form_wrapper form.wpf_form .wpf_default_btn, .wpf_form_wrapper form.wpf_form .wpf_full_block_btn {
 
  font-size: 18px !important;
  padding: 25px 15px !important;
}	
	
	
}