/*
 Theme Name:   FPFY - Yippa Designs
 Description:  Yippa Child Theme
 Author:       bootScore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      5.1.3.1
 Text Domain:  bootscore
*/

/*
All style editing is done via css/scss/_bscore_custom.scss
*/

.flex-align-unset {
  align-self: unset;
}

.align-center {
  text-align: center!important;
}

.align-left {
  text-align: left!important;
}

h3, .h3 {
  line-height: 1.4;
}

h2.has-text-color {
  line-height: 1.1!important;
}
.outcomes-p::before {
    content: url("http://fpfy-2022.flywheelsites.com/wp-content/themes/bootscore-child/img/Home_Star.png");
    margin-right: 10px;
}
.desktop_only {
	display: none;
}
.bg-whitetextured {
	background-image: url("/wp-content/uploads/2022/02/Home_WhiteTexturedBG-e1647508799960.webp");
}
.independent-living-skills-program .page-title.text-white,
.my-first-place .page-title.text-white,
.policy-work .page-title.text-white,
.network-partner-services .page-title.text-white,
.program-impact .page-title.text-white,
.youth-services .page-title.text-white,
.youth-adult-leadership-council .page-title.text-white,
.donate-support .page-title.text-white,
.other-ways-to-donate .page-title.text-white,
.volunteer .page-title.text-white,
.careers .page-title.text-white {
	text-transform:uppercase;
}
.mb-0 {
	margin-bottom:0px;
}

.bullet-title {
    text-indent: -20px;
    margin-left: 20px;
    margin-bottom: 0.5rem!important;
    font-weight: bold;
    text-align: left!important;
}

.bullet-text {
    text-align: left!important;
     margin-top: 0!important;
}



.link-with-arrow a::after{
	font-weight:700;
}
@media screen and (max-width:767px){
	#frm_radio_9-246-1 label,
	#frm_radio_9-246-0 label{
		font-size:13px;
	}
	.video-caption .col-8{
		width:100% !important;
	}
	.footer-social-link{
		padding:5px 0;
	}
	.timeline-vertical-slider .swiper-pagination{
		display:none;
	}
	body .hover-box-change h3{
		height:45px;
	}
	.orange-arrow-mb--minu,
	.blue-arrow-mb--minu{
		display:none;
	}
	.hover-box-change .wp-block-column{
		margin-bottom:20px;
	}
}
/* .resources .category-badge .text-white{
    margin-top: 0px !important;
} */
@media (min-width: 768px){
body .py-md-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
	.desktop_only {
		display: block;
	}
}
.leadership .card-body p{
	font-size:14px !important;
}

/* load more posts demo styles */
.dcsDemoWrapper {
    display: flex;
    flex-wrap: wrap;
}

.dcsDemoWrapper .loadMoreRepeat .innerWrap {
    background: #fff;
    padding: 15px;
}
.btnLoadmoreWrapper {
    text-align: center;
    margin-top: 10px;
    width: 100%;
}
p.noMorePostsFound {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    color: red;
    font-size: 18px;
}

.dcsLoaderImg {width: 100%;text-align: center;}
/* .dcsLoadMorePostsbtn:after{
    content: "»";
} */

.fpfy-posts-block-filter .alm-btn-wrap {
	display: none;
}

@media screen and (max-width:1399px) and (min-width:1200px){
	#bootscore-navbar .nav-link {
    font-size: 16px;
    letter-spacing: 0px;
    padding-right: 0 !important;
}
}
@media screen and (max-width:1080px) and (min-width:981px){
	body .hover-box-change p {
    height: 80px !important;
}
}
.hover-box-change img{
	margin-bottom:0.5rem;
}
.bg-brand-primary h1,
.bg-brand-orange h1,
.bg-brand-eggplant h1,
.bg-brand-teal h1,
.bg-brand-primary .category-badge p {
color:#fff ;
}
.bg-.text-white{
	color:#000 !important;
}
.custom-post-4{
	justify-content:center;
}
.box-without-btn .dcsLoadMorePostsbtn,
.custom-post-4 .dcsLoadMorePostsbtn,
.custom-post-4 .serach_bar_filter{
	display:none;
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet {
    background: #000;
}
.wp-block-media-text__media{
	padding-right:8px;
}
.link-brand-eggplant{
	    text-transform: uppercase;
    font-weight: bold;
}
.fa-long-arrow-alt-down{
	font-size:20px;
}
.wp-block-group__inner-container h2{
	line-height:35px;
}
.wp-block-media-text__content{
	padding-left:15px !important;
}
.youth-roadmap-tool-media-text .wp-block-media-text__media {
    padding-right: 45px;
}
#field_25qww_label,
#field_86ovf_label,
#field_v6fn3_label,
#field_ngf3i_label{
	font-size:20px !important;

}
.BBFormRadioLabel,
.BBFormFieldContainer label,
.BBFormFieldContainer span{
	color:#000;
}
/* .history-mission .swiper{
	    overflow: visible;
} */
/* .history-mission .swiper-slide{
	height:800px !important;
}
.swiper-wrapper{
    transform: none !important;
} */


.with_frm_style .frm_radio input[type="radio"]::before {
    margin: 2px 0 0 2px;
}
.history-mission .bullet-title{
	font-weight:600 !important;
	margin-bottom: .5rem;
}
.history-mission .bullet-text{
	font-size: 16px !important;
}
.history-mission .wp-block-group__inner-container h2,
.history-mission .wp-block-group__inner-container h3{
    font-weight: 700 !important;
}
.dcsAllPostsWrapper .col-10,
.alm-reveal .col-10{
	width:100% !important;
}
.animation_block{
	z-index:999;
}
.animation_block .animation_inner_block{
	width: 315px;
    height: 315px;
    border-radius: 50%;
    display: flex;
    text-align: center;
	max-width: 100%;
	margin-left: 0px !important;
	transition: transform .6s ease-in-out;
	padding:40px 30px;
	flex-direction: column;
    justify-content: center;
}
.animation_block .animation_inner_block .wp-block-columns, .animation_block .animation_inner_block .wp-block-column {
	margin-bottom: 0px !important;
}
.animation_block > .wp-block-columns{
	display:inline-block !important;
	position:relative;
	margin-top:40px;
	margin-bottom: 20px;
	transition-timing-function: linear;
	transition: all 0.4s ease-in-out 0.2s;
}
.animation_two{
	position: absolute;
    left: -136px;
    top: 130px;
	background-color: #76b9afbf;
	justify-content: flex-end;
}
.animation_two_trans{
	position: absolute;
    left: -136px;
    top: 130px;
	justify-content: flex-end;
}
.animation_two h2{
	text-align:center;
}
.animation_three h2{
	text-align:right;
}
.animation_three:hover h2{
	text-align:center;
	transition: all .6s ease-in-out;
}
.animation_three{
	justify-content: flex-end;
    position: absolute;
    right: -136px;
    top: 130px;
	background-color: #815f8796;
/* 	position:absolute; */
}
.animation_three_trans{
	justify-content: flex-end;
    position: absolute;
    right: -136px;
    top: 130px;
}
.animation_one{
	background-color: #f89f6dad;
	align-items: center;
    justify-content: flex-start;
}
.animation_one_trans{
	align-items: center;
    justify-content: flex-start;
}
.animation_four{
    background-color: #008ec09c;
    margin-left: 0px !important;
	margin-top:-50px !important;
	align-items: center;
    justify-content: flex-end;
}
.animation_four_trans{
    margin-left: 0px !important;
	margin-top:-50px !important;
	align-items: center;
    justify-content: flex-end;
}

.animation_block .animation_four:hover,
.animation_block .animation_three:hover,
.animation_block .animation_two:hover,
.animation_block .animation_one:hover{
	transform: scale(1.05);
	z-index:999 !important;
}
.animation_block .animation_four_trans:hover,
.animation_block .animation_three_trans:hover,
.animation_block .animation_two_trans:hover,
.animation_block .animation_one_trans:hover{
	transform: scale(1.05);
	z-index:999 !important;
}
.animation_block .animation_one:hover{
	z-index:99999999999999 !important;
}
 .animation_inner_block  h2 a{
	font-size: 26px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-weight: 600;

}
.animation_inner_block  h2{
	 line-height: 30px;
	margin-bottom:0px;
}
.animation_one .animation_description,
.animation_four .animation_description{
	text-align:center;
    margin: 0px auto;

}
.animation_two .animation_description{
	text-align:left;
}
.animation_three .animation_description{
	text-align:right;
}
.animation_block > .wp-block-columns::before {
    content: url(http://fpfy-2022.flywheelsites.com/wp-content/themes/bootscore-child/img/Home_Star.png);
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 45%;
    z-index: 0;
    margin-right: 0px;
}
.pos_relative .wp-block-columns{
	margin-bottom: 10px;
}
.animation_block{
	    display: flex;
    justify-content: center;
}
.hide{
	display:none !important;
}
@media screen and (max-width:1112px){
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.animation_block {
    flex-basis: 100%!important;
  }
	.animation_block .animation_inner_block{
		width: 170px;
    	height: 170px;
		padding:25px 15px;
	}
  .animation_block .animation_inner_block .animation_description {
    display: none;
  }
	.animation_block > .wp-block-columns::before{
		top:41%;
	}
	.animation_three, .animation_three_trans {
		right: -73px;
		top: 70px;
	}
	.animation_two, .animation_two_trans {
		left: -73px;
		top: 70px;
	}
	.animation_inner_block h2 a{
		font-size:14px;
	}
	.animation_inner_block h2{
		line-height:10px;
	}
	.animation_inner_block p{
		font-size:10px !important;
	}
	body .blue-arrow-mb--minu{
		margin-right:-30px;
		}

}

.animation_inner_block  > .wp-block-columns {
	position: relative;
	cursor: default;
	transition: all 0.4s ease-in-out;
}
.animation_inner_block:hover{
		box-shadow:
		inset 0 0 0 180px rgb(200 95 66 / 40%), inset 0 0 0 16px rgb(255 255 255 / 80%), 0 1px 2px rgb(0 0 0 / 10%);

}
.animation_inner_block .wp-block-columns .wp-block-column p{
	width: 100%;
	/* height: 100%;
	border-radius: 50%;*/
	border-radius: 8px;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
	backface-visibility: hidden;
}
.animation_inner_block p {
	display: block;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
}

.animation_inner_block p:hover {
	color: rgba(255,242,34, 0.8);
}

.animation_inner_block:hover .wp-block-column p{
	opacity: 1;
	transform: scale(1);
}



.wrapper {
  width: 400px;
  height: 400px;
  background: #FC5B3F;
  margin: 100px auto;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  transform: rotate(108deg);
}
.wrapper .d1 {
  width: 800px;
  height: 800px;
  position: absolute;
  top: -200px;
  left: -200px;
  transform: rotate(0deg);
	z-index:1;
}
.wrapper .d1 div {
  width: 800px;
  height: 800px;
}
.wrapper .d1 div:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  border: solid transparent;
  border-width: 400px;
  border-top-color: #FC5B3F;
  position: relative;
  transform: scaleX(-3.07768);
}
.wrapper .d1 div span {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 34%;
  font-size: 12px;
  text-align: center;
  z-index: 100;
  color: #fff;
  transform: rotate(-108deg);
}
.wrapper .d2 {
  width: 800px;
  height: 800px;
  position: absolute;
  top: -200px;
  left: -200px;
  transform: rotate(135deg);
		z-index:1;
}
.wrapper .d2 div {
  width: 800px;
  height: 800px;
}
.wrapper .d2 div:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  border: solid transparent;
  border-width: 400px;
  border-top-color: #FCB03C;
  position: relative;
  transform: scaleX(1.25);
}
.wrapper .d2 div span {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 34%;
  font-size: 12px;
  text-align: center;
  z-index: 100;
  color: #fff;
  transform: rotate(-255.6deg);
}
.wrapper .d3 {
  width: 800px;
  height: 800px;
  position: absolute;
  top: -200px;
  left: -200px;
  transform: rotate(201.6deg);
		z-index:1;
}
.wrapper .d3 div {
  width: 800px;
  height: 800px;
}
.wrapper .d3 div:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  border: solid transparent;
  border-width: 400px;
  border-top-color: #6FB07F;
  position: relative;
  transform: scaleX(0.25676);
}
.wrapper .d3 div span {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 34%;
  font-size: 12px;
  text-align: center;
  z-index: 100;
  color: #fff;
  transform: rotate(-309.6deg);
}
.wrapper .d4 {
  width: 800px;
  height: 800px;
  position: absolute;
  top: -200px;
  left: -200px;
  transform: rotate(212deg);
		z-index:1;
}
.wrapper .d4 div {
  width: 800px;
  height: 800px;
}
.wrapper .d4 div:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  border: solid transparent;
  border-width: 400px;
  border-top-color: #068587;
  position: relative;
  transform: scaleX(0.6);
}
.wrapper .d4 div span {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 34%;
  font-size: 12px;
  text-align: center;
  z-index: 100;
  color: #fff;
  transform: rotate(-336.6deg);
}
.wrapper .d5 {
  width: 800px;
  height: 800px;
  position: absolute;
  top: -200px;
  left: -200px;
  transform: rotate(246.6deg);
}
.wrapper .d5 div {
  width: 800px;
  height: 800px;
}
.wrapper .d5 div:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  border: solid transparent;
  border-width: 400px;
  border-top-color: #1A4F63;
  position: relative;
  transform: scaleX(0.09453);
}
.wrapper .d5 div span {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 34%;
  font-size: 12px;
  text-align: center;
  z-index: 100;
  color: #fff;
  transform: rotate(-354.6deg);
}
.wrapper span:hover{
	transform: scale(1.1);
}
.wrapper .d1 h3{
    display: block;
    width: 100%;
    position: absolute;
    left: -32px;
    top: 35%;
    font-size: 24px;
    text-align: center;
    z-index: 100;
    color: #fff;
    transform: rotate(252deg);
    opacity: 0;
    white-space: break-spaces;
    line-height: 1;
}
.wrapper .d2 h3{
    display: block;
    width: 100%;
    position: absolute;
    left: -32px;
    top: 35%;
    font-size: 24px;
    text-align: center;
    z-index: 100;
    color: #fff;
    transform: rotate(252deg);
    opacity: 0;
    white-space: break-spaces;
    line-height: 1;
}
.wrapper .d4 h3{
    display: block;
    width: 100%;
    position: absolute;
    left: -32px;
    top: 35%;
    font-size: 24px;
    text-align: center;
    z-index: 100;
    color: #fff;
    transform: rotate(252deg);
    opacity:0;
    white-space: break-spaces;
    line-height: 1;
}
.wrapper .d5 h3{
    display: block;
    width: 100%;
    position: absolute;
    left: -32px;
    top: 35%;
    font-size: 24px;
    text-align: center;
    z-index: 100;
    color: #fff;
    transform: rotate(252deg);
    opacity: 0;
    white-space: break-spaces;
    line-height: 1;
}
.wrapper .d1:hover h3,
.wrapper .d2:hover h3,
.wrapper .d4:hover h3,
.wrapper .d5:hover h3{
	opacity:1 !important;
}
.blue_20{
    text-align: center;
    width: 135px;
    height: 135px;
    margin: auto;
    background: #008EC0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: bolder;
    color: #fff;
    border-radius: 50%;
      margin-top: 13px;
    transform: scale( 1 );
}
.circle {
    background: #F78142;
    border-radius: 100%;
    color: white;
    text-align: center;
    font-family: sans-serif;
    padding: 20px;
    overflow: hidden;
    -webkit-transform: scale( 1 );
    -moz-transform: scale( 1 );
    -o-transform: scale( 1 );
    -ms-transform: scale( 1 );
    transform: scale( 1 );
       width: 265px;
    height: 265px;
    margin: auto;
    margin-top: -44px;
}

.blue_20:hover{
-webkit-transform: scale( 1.1 );
    -moz-transform: scale( 1.1 );
    -o-transform: scale( 1.1);
    -ms-transform: scale( 1.1 );
    transform: scale(2 );
    margin-top:-50px;
    vertical-align: middle;
}
.blue_20{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}
.bg_grey_circle{
    background: rgb(206 222 222 / 80%);
    border-radius: 100%;
    padding: 20px;
    overflow: hidden;
    -webkit-transform: scale( 1 );
    -moz-transform: scale( 1 );
    -o-transform: scale( 1 );
    -ms-transform: scale( 1 );
    transform: scale( 1 );
   height: 300px;
    margin: auto;
    max-width: 300px;
    padding-top: 78px;
}
.circle span{
	    font-size: 65px;
    font-weight: 700;
    font-family: 'proxima-nova';
}
.bounce {
	animation: bounce 2s 5;
	-webkit-animation: bounce 2s 5;
	-moz-animation: bounce 2s 5;
	-o-animation: bounce 2s 5;
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}
 path[stroke-width="6.5"] {
	 stroke-opacity: 0.5; /*Manage Border outside */
}
.double_circle{
	display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom:20px;
}
.orange_s_b .small-circle,
.blue_s_b .small-circle{
	width: 65px;
    height: 65px;
    border-radius: 50%;

    z-index: 99;
}
.orange_s_b .small-circle{
	background: #815f8796;
	margin-right: -15px;
}
.orange_s_b .big-circle,
.blue_s_b .big-circle{
	    width: 125px;
    height: 125px;
    display: flex;

    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 65px;
    line-height: 0;
    color: #fff;
    font-weight: 600;
    padding-bottom: 5px;
    font-family: monospace;
}
.orange_s_b .big-circle{
	 background: #F89F6D;
}
.blue_s_b .big-circle{
	background:#008EC0;
}
.blue_s_b .small-circle{
	background:#76b9afbf;
	margin-left: -15px;
}
.current-opportunities .entry-header h1{
	    font-size: 2.5rem !important;
	text-align:center;
	--bs-text-opacity: 1;
    color: rgba(var(--bs-brand-primary-rgb), var(--bs-text-opacity)) !important;
}
#bboxdonation_gift_lblHeadingDonation,
#bboxdonation_gift_lblHeadingMonthlyGift,
#bboxdonation_payment_lblHeadingPayment,
#bboxdonation_billing_lblHeadingContact,
#bboxdonation_recurrence_lblHeadingRecurrence,
#bboxdonation_giftattributes_lblHeadingAttributes,
#bboxdonation_tribute_lblHeadingTribute{
    font-weight: 600;
    font-size: 24px;
    color: #008EC0;
}
.single-format-standard .col-10 {
    flex: 0 0 auto;
    width: fit-content;
	white-space: pre;
}
body .BBFormContainer[data-bbox-part-id="322f75b6-5696-4bc8-a1bc-6e0dae9aa341"] .BBFormWideButtonGivingLevels .BBFormRadioLabelGivingLevelNotSelected:hover,
body .BBFormContainer[data-bbox-part-id="0c6cb9e5-12ed-4e15-8378-e4466f45d20a"] .BBFormWideButtonGivingLevels .BBFormRadioLabelGivingLevelNotSelected:hover{
	background-color:#F78142;
	color:#fff;
}
.BBFormContainer[data-bbox-part-id="322f75b6-5696-4bc8-a1bc-6e0dae9aa341"] .BBFormWideButtonGivingLevels .BBFormRadioLabelGivingLevelSelected:hover .BBFormRadioDescription,
.BBFormContainer[data-bbox-part-id="322f75b6-5696-4bc8-a1bc-6e0dae9aa341"] .BBFormWideButtonGivingLevels .BBFormRadioLabelGivingLevelSelected:hover .BBFormRadioAmount,
body .BBFormContainer[data-bbox-part-id="322f75b6-5696-4bc8-a1bc-6e0dae9aa341"] .BBFormWideButtonGivingLevels .BBFormRadioLabelGivingLevelNotSelected:hover .BBFormRadioDescription,
body .BBFormContainer[data-bbox-part-id="322f75b6-5696-4bc8-a1bc-6e0dae9aa341"] .BBFormWideButtonGivingLevels .BBFormRadioLabelGivingLevelNotSelected:hover .BBFormRadioAmount,
body .BBFormContainer[data-bbox-part-id="0c6cb9e5-12ed-4e15-8378-e4466f45d20a"] .BBFormWideButtonGivingLevels .BBFormRadioLabelGivingLevelNotSelected:hover .BBFormRadioDescription,
body .BBFormContainer[data-bbox-part-id="0c6cb9e5-12ed-4e15-8378-e4466f45d20a"] .BBFormWideButtonGivingLevels .BBFormRadioLabelGivingLevelNotSelected:hover .BBFormRadioAmount{
    color: #fff;
}
#field_25qww_label,
#field_ngf3i_label,
#field_86ovf_label{
    font-weight: bold;
}
#frm_field_17_container{
	display:grid;
	    justify-content: space-between;
    grid-gap: 30px;
}

.wp-block-post-template li{
	padding-bottom:30px;
}
.text-decoration-none{
	text-decoration:none;
}
.text-black{
	color:#212529 !important;
}
#field_v6fn3_label{
	    width: max-content;
    font-weight: bold;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}
.swiper-horizontal>.swiper-pagination-bullets {

    top: auto!important;
    display: block!important;

}

.homepage-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#008EC0;
	opacity: 1;
}
@media screen and (max-width:1199px){
.dropdown-menu{
	background-color: #fff0;
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, 0.15);
}
.dropdown-item{
    color: #fff;
}
.dropdown-item:hover,
.dropdown-item.active, .dropdown-item:active,
#bootscore-navbar .current-menu-item .nav-link, #bootscore-navbar > .menu-item:hover .nav-link{
    color: #008EC0 !important;
    background: #fff !important;
}
	#bootscore-navbar .current-menu-item .nav-link,
	#bootscore-navbar > .menu-item:hover .nav-link{
		padding-left:20px;
	}
	#bootscore-navbar .current-menu-item .dropdown-toggle,
	#bootscore-navbar > .menu-item:hover .dropdown-toggle{
		color: #008EC0 !important;
	}
}

#masthead .btn-check:focus+.btn-outline-light,
#masthead .btn-outline-light:focus {
    box-shadow: 0 0 0 0rem rgb(248 249 250 / 50%);
}
#masthead {
	z-index: 9999;
}
.featured-bar-block_62003841ea5d0{
	margin-top:-1px;
}
@media screen and (min-width:1200px){
	#top-search-wrapper{
		width:50%;
	}
}
.what-we-do .featured-block-section .btn{
	width: auto;
    padding: 13px 25px;
}
.BBFormRadioLabelGivingLevelSelected label, .BBFormRadioLabelGivingLevelSelected span{
	color:#fff !important;
}
.BBFormContainer[data-bbox-part-id="322f75b6-5696-4bc8-a1bc-6e0dae9aa341"] .BBFormWideButtonGivingLevels .BBFormRadioLabelGivingLevelSelected:hover,
.BBFormContainer[data-bbox-part-id="0c6cb9e5-12ed-4e15-8378-e4466f45d20a"] .BBFormWideButtonGivingLevels .BBFormRadioLabelGivingLevelSelected:hover{
    background: #F78142;
    border: 1px solid #F78142;
}
@media screen and (max-width:767px){
	/* Mobile responsive */
	.slide-heading,
	.wp-block-group__inner-container h3{
		line-height:1.2 !important;
		margin-right:20px;
		margin-left:20px;
	}

	.slide-text {
		margin-right:20px;
		margin-left:20px;
		margin-top:20px;
		font-size:17px;
	}

	.slide-buttons a{
		font-size: 14px;
		margin-left: 25px;
		margin-right: 25px;
		padding: 10px 5px 10px 5px;
        max-width: 150px;
	}

	.featured-bar-text {
		margin-bottom:10px;
	}

	.wp-block-group__inner-container p {
		margin-left:20px;
		margin-right:20px;
		margin-top: 30px;
    text-align: center;
	}

	p.animation_description {
		background: white;
		color: black;
		/* font-size: 10px; */
		padding: 10px;
		position:absolute;
		z-index:100;
	}

	.text-brand-secondary p {
		font-size:25px;
	}

	.card.bg-brand-primary{
		width:75%;
	}

	figure.wp-block-media-text__media  {
		text-align:center;
	}

	figure.wp-block-media-text__media img {
	}

	body .orange-arrow-mb--minu {
		margin: 0px 0 -1em;
		margin-left: -12px;
	}
	body .blue-arrow-mb--minu{
		margin-top: -3.5rem;
		    margin-right: -12px;
	}
}
.fpfy-images-links-block .card-body:hover .card-text-bg{
	opacity:1;
}
.fpfy-images-links-block .card-body .card-text-bg{
	opacity:0.7;
	height:170px;
}
#bootscore-navbar .menu-item a{
	font-size:16px;
  padding: 8px;
  line-height: 1.4;
}
body .nav-link{
	font-size:16px;
}
.how-our-work{
	background-image:url("/wp-content/uploads/2022/04/WhiteTexturedBG.png");
}
.history-mission #class_22 .bullet-title::before,
.history-mission #class_20 .bullet-title::before,
.history-mission #class_17 .bullet-title::before,
.history-mission #class_15 .bullet-title::before,
.history-mission #class_12 .bullet-title::before,
.history-mission #class_10 .bullet-title::before,
.history-mission #class_7 .bullet-title::before,
.history-mission #class_4 .bullet-title::before,
.history-mission #class_1 .bullet-title::before,
.white_bullets .bullet-title::before
{
	    background: #ffffff;
}
/*.first-mission {
    background-image: url("https://first-place-for-youth-new-dev.local/wp-content/uploads/2022/10/Home_IntroBG2-1.png");
    background-size: contain;
    background-position: right;
}*/


h3.card-heading {
	line-height:30px;
}

.leadership .card .card-img-top{
object-fit:cover;
	height:auto;
}
.parnter-1 img{
	height:135px;
	width:135px;
}
.parnter-3 img{
	    width: 135px;
    object-fit: cover;
}
.bootscore-info small{
	    align-items: center;
    justify-content: center;
}
.early-results{
	margin-top: 5rem;
    margin-left: 2rem;
    margin-right: 2rem;
}
.early_result-img{
	background: #fff;
    margin: auto;
    margin-top: -50px;
    border-radius: 50%;
    display: block;
    width: fit-content;
}
.early_result-img img{
	    margin: auto;
    padding: 30px 20px;
    width: 150px;
}
.hover-box-change h3{
	height: 65px;
	line-height: 25px;
}
.hover-box-change p{
	height:60px;
}
.hover-box-change .wp-block-column{
	border: 1px solid #D0D0D0;
	padding: 3rem 1rem;
	background-color:#fff;
	z-index:9;
}
.orange_box:hover{
	background-color:#F78142;
	color:#fff;
}
.blue_box:hover{
	background-color:#008EC0;
	color:#fff;
}
.purple_box:hover{
	background-color:#815F87;
	color:#fff;
}
.green_box:hover{
	background-color:#76B9AF;
	color:#fff;
}
.orange_box:hover img,
.blue_box:hover img,
.purple_box:hover img,
.green_box:hover img{
	filter: brightness(0) invert(1);
}
.orange_box:hover h3,
.blue_box:hover h3,
.purple_box:hover h3,
.green_box:hover h3{
	color:#fff !important;
}
.orange_box:hover .buttons-group-block a,
.blue_box:hover .buttons-group-block a,
.purple_box:hover .buttons-group-block a,
.green_box:hover .buttons-group-block a{
	color:#000 !important;
	background-color:#fff !important;
	border:#fff !important;
}
.what-we_do_bar {
	position:relative;
}

.what-we_do_bar #title1a{
	    display: block;
    position: absolute;
    top: 60px;
    transform: rotate(270deg);
    left: -46px;
    font-weight: 600;
}

.what-we_do_bar #title1b{
	    display: block;
    position: absolute;
    top: 60px;
    transform: rotate(270deg);
    left: -38px;
    font-weight: 600;
    text-transform: capitalize;
}
#border1a{
	    width: 70%;
    height: 1px;
    background: #000;
    position: absolute;
    top: 79px;
}
#border1b{
	    width: 70%;
    height: 1px;
    background: #000;
    position: absolute;
    top: 120px;
}
@media screen and (max-width:981px) and (min-width:600px){
.wp-block-columns.i-pad-view:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child){
		width:100% !important;
		flex-basis: 100% !important;
	}
	.wp-block-columns.i-pad-view:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n){
		margin-left:0px !important;
		margin-top:2rem;
	}
	.wp-block-columns.i-pad-view{
		display:block !important;
	}
}
@media screen and (max-width:991px) and (min-width:781px){
	.buttons-group-block .btn{
		min-width:auto !important;
	}
	html body .hover-box-change p {
		height: auto !important;
	}
	body .hover-box-change h3 {
    height: auto;
	}
}
.wp-block-columns.flex-row-box{
	justify-content: center;
}
.wp-block-columns.flex-row-box>.wp-block-column{
	display: flex;
    flex-direction: column;
	}


/* timeline slider */
.year {
    width: 50px;
    display: block;
    text-align: left;
    transform: translateX(-110%) translateY(-17px);
    transition: opacity 200ms ease-in-out;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--bs-brand-orange);
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet.swiper-pagination-bullet-active) .year {
    opacity: 0;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet.swiper-pagination-bullet-active):hover .year {
    opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active .triangle-left {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 14px solid var(--bs-brand-orange);
    border-bottom: 6px solid transparent;
    display: block;
    transform: translateX(-8px) translateY(3px);
}

.swiper-slide1 > .swiper-pagination {
    top: 50%;
    height: 415px;
    padding: 0 4%!important;
    transform: translateY(-50%);
}


body .swiper-pagination{
    float: right;
    right: 10px;
}

body .swiper-pagination{
display:grid;
}

body .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #d9d9d9;
opacity:1;
margin-bottom:2px;
text-decoration:none;
}
body .swiper-pagination-bullet:only-child{
display:block !important;
opacity: 1 !important;
}
body .swiper-pagination-bullet:not(.swiper-pagination-bullet.swiper-pagination-bullet-active) .year {
opacity: 1 !important;
}
body .swiper-pagination-bullet .triangle-left {
width: 0;
height: 0;
border-top: 6px solid transparent;
/* 				border-right: 14px solid var(--bs-brand-orange); */
border-bottom: 6px solid transparent;
display: block;
transform: translateX(-8px) translateY(3px);
}
body .swiper-slide1{
position:relative;
/* 				    height: 770px;
display: flex;
align-items: center; */
}

.images-carousel-slider {
  display: flex;
}

.images-carousel-slide {
  height: auto;
  background-color: #008EC0;
}

body .year{
display:none;
}

#class_1 .class0 .year,
#class_2 .class1 .year,
#class_3 .class2 .year,
#class_4 .class3 .year,
#class_5 .class4 .year,
#class_6 .class5 .year,
#class_7 .class6 .year,
#class_8 .class7 .year,
#class_9 .class8 .year,
#class_10 .class9 .year,
#class_11 .class10 .year,
#class_12 .class11 .year,
#class_13 .class12 .year,
#class_14 .class13 .year,
#class_15 .class14 .year,
#class_16 .class15 .year,
#class_17 .class16 .year,
#class_18 .class17 .year,
#class_19 .class18 .year,
#class_20 .class19 .year,
#class_21 .class20 .year,
#class_22 .class21 .year,
#class_23 .class22 .year{
display:block !important;
}
#class_1 .class0 .triangle-left,
#class_2 .class1 .triangle-left,
#class_3 .class2 .triangle-left,
#class_4 .class3 .triangle-left,
#class_5 .class4 .triangle-left,
#class_6 .class5 .triangle-left,
#class_7 .class6 .triangle-left,
#class_8 .class7 .triangle-left,
#class_9 .class8 .triangle-left,
#class_10 .class9 .triangle-left,
#class_11 .class10 .triangle-left,
#class_12 .class11 .triangle-left,
#class_13 .class12 .triangle-left,
#class_14 .class13 .triangle-left,
#class_15 .class14 .triangle-left,
#class_16 .class15 .triangle-left,
#class_17 .class16 .triangle-left,
#class_18 .class17 .triangle-left,
#class_19 .class18 .triangle-left,
#class_20 .class19 .triangle-left,
#class_21 .class20 .triangle-left,
#class_22 .class21 .triangle-left,
#class_23 .class22 .triangle-left{
border-right: 14px solid var(--bs-brand-orange);
transform: translateX(-8px) translateY(0px);
}
#class_1 .swiper-pagination-bullet.class0,
#class_2 .swiper-pagination-bullet.class1,
#class_3 .swiper-pagination-bullet.class2,
#class_4 .swiper-pagination-bullet.class3,
#class_5 .swiper-pagination-bullet.class4,
#class_6 .swiper-pagination-bullet.class5,
#class_7 .swiper-pagination-bullet.class6,
#class_8 .swiper-pagination-bullet.class7,
#class_9 .swiper-pagination-bullet.class8,
#class_10 .swiper-pagination-bullet.class9,
#class_11 .swiper-pagination-bullet.class10,
#class_12 .swiper-pagination-bullet.class11,
#class_13 .swiper-pagination-bullet.class12,
#class_14 .swiper-pagination-bullet.class13,
#class_15 .swiper-pagination-bullet.class14,
#class_16 .swiper-pagination-bullet.class15,
#class_17 .swiper-pagination-bullet.class16,
#class_18 .swiper-pagination-bullet.class17,
#class_19 .swiper-pagination-bullet.class18,
#class_20 .swiper-pagination-bullet.class19,
#class_21 .swiper-pagination-bullet.class20,
#class_22 .swiper-pagination-bullet.class21,
#class_23  .swiper-pagination-bullet.class22{
background-color: var(--bs-brand-orange) !important;
}

.timeline-vertical-slider .wp-block-columns {
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
    body .swiper-pagination {
        display:  none;
    }
}

@media screen and (min-width: 768px) {
  .timeline-vertical-slider .swiper-slide1 .wp-block-group__inner-container:first-of-type,
  .timeline-vertical-slider .swiper-slide1 .wp-block-cover__inner-container:first-of-type {
    padding-right: 96px;
  }
}

.swiper-slide1 > div {
  padding: 6% 4% 4%;
}
/* custom css for specific pages */
.wp-container-44.network-grid {
  flex-wrap: wrap!important;
}
.network-grid .btn {
  min-width: 200px!important;

}
/* video background */
.video-background {
  position: relative;
}
.video-background .video-caption {
  position: absolute;
  width: 40%;
  left: 5%;
  top: 10%;
  z-index: 2;
  background: white;
  padding: 4rem!important;
}

.video-background .video-caption p:first-of-type {
  display: none;
}
.video-background .video-caption h3 {
color: var(--bs-primary);
font-size: 30px;
font-style: italic;
margin-bottom: 3rem;
}
.video-background .video-caption p {
color: var(--bs-warning);
}
@media screen and (max-width: 1199px) {
  .living-wage-columns {
    display: flex;
    flex-direction: column;
  }
  .living-wage-columns .living_section {
    height: 300px;
  }
.video-background .mh-80 {
  display: flex;
  flex-direction: column;
}
  .video-background .video-caption {
    position: relative!important;
    width: 100%!important;
    order: 2;
  }
.network-grid.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 38%!important;
}
.icon-mobile .wp-block-media-text__media {
display: none;
}
.icon-mobile.wp-block-media-text {
grid-template-columns: 0 100%!important;
margin-bottom: 0!important;
}
.icon-mobile.wp-block-media-text .wp-block-media-text__content {
padding-left: 0!important;
}
.icon-mobile.wp-block-media-text .wp-block-media-text__content p {
margin:0 0 20px!important;
}

}
@media screen and (max-width: 960px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
  margin-bottom: 30px;
  }
  .network-grid.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 42%!important;
  }
}
@media screen and (max-width: 1100px) and (min-width: 961px) {
.living-wage-columns .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
  flex-basis: 100%!important;
}
}
@media screen and (max-width: 960px) and (min-width:600px) {
  .icon-mobile-2.wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 25% auto !important;
  }
}
@media screen and (min-width: 1400px) {
.living_section .chart02 {
    left: 10rem!important;
}
}
@media screen and (max-width:506px) {
.living-wage {
  width: 140px;
}
.living-wage p {
  margin: 0 0 20px;
}
}

/* Blog */
.single-post-title {
  font-size: 46px!important;
  margin-bottom: 30px;
}

#network-partner-the-children-s-village{
  line-height: 50px;
}

.youth-adult-leadership-council .video-caption{
  display: none;
}

.align-graph {
  display: flex;
  justify-content: center;
}

.bg-white-dots-no-border {
  background-image: url(https://fpfy-2022.flywheelsites.com/wp-content/uploads/2022/08/LogoDotsBG-highres.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.pos_relative {
	position: relative;
}