/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

@import url('https://fonts.googleapis.com/css2?family=Schoolbell&family=Just+Another+Hand&family=Montserrat:wght@500;600&display=swap');

.footer-strapline
{
  text-align: center;
	color: #fff;
	font-style: normal;
	font-weight: 400;
	margin: 0;
	font-size: 14px;
	line-height: 40px;
}

.footer-disclaimer
{
  text-align: center;
	color: #fff;
	font-style: normal;
	font-weight: 400;
	margin: 30px 0 0 0;
	font-size: 13px;
}

.footer-extras
{
  text-align: center;
	color: #fff;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	font-size: 10px;
	line-height: 40px;
	margin-top: 30px
}

.homepage-header
{
	color: white;
	font-size: 96px;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
}

.homepage-header .section_wrapper
{
	position: relative;
	top: 39px;
}


.page-id-497 .logosdor-exists-to-see-layout
{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto;
	justify-items: center;
	align-items: center;
}

.section-whatwereabout-josephandmary
{
	display: none;
}


.logosdorHeader {
    margin-bottom: 40px;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.aboutBlurb {
    color: #ffffff;
}

.howOperateHeading, .projectsHeading {
    font-family: 'Schoolbell', cursive;
    font-size: 70px;
    line-height: 99px;
}

.howOperateHeading.serve {
    color: #f22643;
}

.howOperateHeading.innovate {
    color: #ec008c;
}

.howOperateHeading.give {
    color: #29abe2;
}

.howOperateHeading.makeDisciples {
    color: #8dc63f;
}

.howOperateHeading.thinkSmall {
    color: #f4882c;
}

.projectsHeading {
    color: #ec008c;
}

.noWeight {
    font-weight: normal !important;
}

.boldText {
    font-weight: bold;
}

.faqSection h2 {
    color: #ffffff;
}

.faqSection h4 {
    margin-top: 40px;
}

.faqSection a, .faqSection a:visited, .faqSection a:focus {
    text-decoration: underline;
}

.hiddenContent {
    display: none;
}

.column_column ul {
    margin-top: 15px !important;
}

table.notFull {
    width: auto;
}

table.notFull td {
    text-align: left;
}

.rightImage, .leftImage {
    max-width: 100%;
    margin: 15px;
}

.rightImage {
    float: right;
}

.leftImage {
    float: left;
}

.welcomepagecontent p, .welcomepagecontent li
{
	font-size: 18px;
	color: #00484e;
}

/* increase the margin before h5 on the TRAINING page */
.page-id-203 h5
{
	margin-top: 30px;
}

@media only screen and (max-width:767px) {
    .logosdorHeader {
        font-size: 45px;
        line-height: 52px;
    }
	
	  .desktop-only
  	{
			display: none !important;
	  }

	.homepage-header
	{
		font-size: 48px;
	}

	.homepage-header .section_wrapper
	{
		top: 0;
	}
	
    .topSection::after, .howSection::after {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }
	
    .topSection::after {
        background-color: #d9ebeb;
    }

    .howSection::after {
        background-color: #d9ebeb;
    }

    .howSection.white::after {
        background-color: #ffffff;
    }
	
	
	.home-page-wedothisthrough-item
	{
		background-image: none !important;
	}
	
	.home-page-wedothisthrough-item .mfn-parallax
	{
        opacity: 0.1;
        filter: alpha(opacity=10);
	}

    .topSection .mfn-parallax, .howSection .mfn-parallax {
        opacity: 0.2;
        filter: alpha(opacity=20);
    }

    .howOperateHeading, .projectsHeading {
        font-size: 36px;
        line-height: 42px;
    }

    .salesforce_w2l_lead .sf_field input.w2linput.text, .salesforce_w2l_lead .sf_field textarea.w2linput.textarea {
        width: 100%;
    }

    .salesforce_w2l_lead .sf_field .w2llabel, .salesforce_w2l_lead .sf_field input.w2linput {
        width: 100%;
    }

    .donateTabs .ui-tabs .ui-tabs-panel {
        padding: 0;
    }

    .donateTabs .donateIntro {
        padding: 15px 20px 0 20px;
    }

    .rightImage, .leftImage {
        float: none;
    }
	
}

@media only screen and (min-width:768px) {
    .howOperateText {
        font-size: 20px;
    }

.footer-strapline
{
	font-size: 18px;
}
	
.page-id-497 #Content img.we-do-this-through-heading-image
{
	max-width: 50%;
	margin-bottom: 30px;
}

	  .mobile-only
  	{
			display: none !important;
	  }
	
    .projectsItem.max7 .image_wrapper, .projectsItem.kidshubs .image_wrapper, .projectsItem.kidshubtv .image_wrapper  {
        height: 100px;
    }

    .projectsItem.max7 .image_wrapper::before, .projectsItem.kidshubs .image_wrapper::before, .projectsItem.kidshubtv .image_wrapper::before {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .projectsItem.max7 .image_wrapper img, .projectsItem.kidshubs .image_wrapper img, .projectsItem.kidshubtv .image_wrapper img {
        vertical-align: middle;
        display: inline-block;
    }
	
.page-id-497 .logosdor-exists-to-see-layout
{
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
}
	
.section-whatwereabout-josephandmary
{
	display: block;
	position: absolute;
	top: -200px;
  left: 0;
}
	
	
	
}

.bannerBox
{
	color: white;
	background-color: #F4882C;
	text-align: center;
	margin: 30px 10%;
	padding: 30px 10px;
	font-size: 28px;
	display: block;
	font-weight: normal;
	line-height: 40px;
}


.bannerBox:hover
{
	text-decoration: none;
	background-color: #f7a661;
	color: white;
}

.bannerBox:visited, .bannerBox:active, .bannerBox:link
{
	text-decoration: none;
}

a.button.donationSelectionButton
{
	height: 80px;
	line-height: 100%;
	font-size: 24px;
	position: relative;
}

a.button.donationSelectionSubButton
{
	height: 80px;
	line-height: 100%;
	font-size: 24px;
	position: relative;
}


a.button.donationSelectionButton span.button_label
{
	padding: 0;
	margin: 0;
	top: 50%;
	left: 50%;
	right: -50%;
	position: absolute;
	transform: translate(-50%, -50%);
}

a.button.donationSelectionSubButton span.button_label
{
	padding: 0;
	margin: 0;
	top: 50%;
	left: 50%;
	right: -50%;
	position: absolute;
	transform: translate(-50%, -50%);
}

.button_label .subtitle
{
	font-size: 50%;
	display: block;
}

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

	.bannerBox
	{
  	margin: 20px 5% 10px;
		padding: 20px 5px;
		font-size: 18px;
		line-height: 25px;
	}

}

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

}

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

}

@media only screen and (min-width:1240px) {
    .thinnerWrap .section_wrapper {
        max-width: 900px;
    }
}

/* page-id-497 is the home page */
.page-id-497 #Content
{
font-family: 'Montserrat', sans-serif;
		font-size: 18px;
	line-height: 160%;
}

/* page-id-497 is the home page */
.page-id-497 .section-intro
{
font-size: 24px;
line-height: 160%;
}

/* page-id-497 is the home page */
.page-id-497 .section-intro-icon
{
float: left;
width: 96px;
height: 96px;
margin: 0 24px 24px 0;
}

/* page-id-497 is the home page */
.page-id-497 .banner-logo
{
  width: 70%;
  position: relative;
  top: -1vw;
}

/* page-id-497 is the home page */
.page-id-497 .banner-family
{
  width: 25%;
	max-height: 500px;
  position: absolute;
  right: 0;
	bottom: 3vw;
}

/* page-id-497 is the home page */
.page-id-497 .section-logo
{
  position: relative;
	box-shadow: 0 2px 5px 5px #ccc;
	margin-bottom: 50px;
}


/* page-id-497 is the home page */
.page-id-497 .banner-welcometo
{
  width: 40%;
  position: absolute;
	top: -7vw;
	left: 8%;
}

.page-id-497 .logosdor-exists-to-see
{
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	line-height: 110%;
	padding: 0 10%;
}

.page-id-497 .logosdor-exists-to-see-wrap
{
}

.page-id-497 .we-do-this-through-subwrap
{
	line-height: 100%;
	min-height: 390px;
	margin-top: 70px;
}

.page-id-497 .we-do-this-through-heading
{
font-family: 'Just Another Hand', cursive;
    font-size: 45px;
    color: white;
    margin-bottom: 15px;
    line-height: 90%;
}

.page-id-497 .we-do-this-through-heading.white-background
{
  color: black;
}

.page-id-497 .we-do-this-through-body
{
	font-size: 18px;
  color: black;
	line-height: 120%;	
}

.page-id-497 .logosdor-exists-to-see-image
{
	position: relative;
	top: 32px;
}



.page-id-497 #Content img.we-do-this-through-heading-image
{
	margin-bottom: 30px;
}

.no-bottom-margin
{
	margin-bottom: 0;
}

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

#Footer {
    background-color: #444444;
}

.we-do-this-through-textheading
{
	  font-size: 28px;
    line-height: 110%;
	margin-bottom: 18px;
}