/*App page*/

.app-features p{
	border-radius: 20px;
	text-align: center;
}

.our-founders .wp-block-column:first-child p {
	width: 267px;
}

.give-inline .pay-block {
    border-radius: 20px;
    box-shadow: 0px 0px 30px 0px rgba(2, 78, 158, 0.20);
    /*max-width: 270px !important;*/
}

.give-inline .zelle-pay {
	display: block !important;
}

.donation-p {
	position: relative;
	cursor: pointer;
}

.donation-desc {
	visibility: hidden;
}

.donation-p:hover+.donation-desc{
	visibility: visible;
}

.pay-block:hover {
    border: 4px solid #024E9E !important;
}

.pay-buttons figure {
	height: 100px;
} 
.pay-buttons {
	justify-content : center;
}

.podcast-accordion {
	display: block !important;
}

.home-bg-group {
	margin-left : -75px;
}

.home-hero-banner figure {
	text-align : right;
}

.home-latest-lesson iframe {
	border-radius: 20px;
}

.copy-text {
	background-image: url('../icons/content_copy.png');
	width: 24px !important;
    height: 24px !important;
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
    background-repeat: no-repeat;
    margin-bottom: -10px;
}

/*Accordion css*/

.is-style-tc-transcript {
    background-color: var(--wp--preset--color--secondary-1-light);
    border-radius: 20px;
    margin-top: 25px !important;
    box-shadow: 0 0 30px 0 rgba(2, 78, 158, 0.10);
}

.is-style-tc-transcript.expanded {
    background-color: var(--wp--preset--color--base);
}

.is-style-tc-transcript.expanded .wp-block-group {
    height: auto;
    overflow: auto;
    margin-block-start: 12px !important;
}

h3.tc-transcript-header {
    cursor: pointer;   
}

.is-style-tc-transcript > h3.tc-transcript-header::after {    
    float: right;   
    background-image: url('../icons/chevron_down.png');
    width: 24px;
    height: 24px;
    content: '';
}

.is-style-tc-transcript.expanded > h3.tc-transcript-header::after {
    float: right;   
    background-image: url('../icons/chevron_up.png');
    width: 24px;
    height: 24px;
    content: '';
}

.mobile-group p,
.mobile-group li,
.mobile-group h3 {
	text-align: left !important;
}

.copied {
	background: var(--wp--preset--color--accent-gray);
	color: var(--wp--preset--color--base);
    padding: 2px 5px;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    opacity: 0;
}

.display-span {
	transition: opacity 2s ease-in-out;
    opacity: 1;
}

.copyable-text {
	position: relative;
}

.cmddark #podcast-link {
	color : var(--wp--preset--color--base) !important;
}

.cmddark .copied {
	background-color : #fff !important;
}
.home-hero-banner .home-desc {
	margin-left: 20px;

}
.home-lessons-listing  .wp-block-column {
	box-shadow: 0 0 30px 0 rgba(2, 78, 158, 0.10);
	border-radius:20px;
}

.cmddark .home-hero-banner{
	background-color:#06121F !important;
}

.our-teachings p,
.our-teachings .wp-block-buttons {
	padding-left:20px !important;
	padding-right:20px !important;
}

.our-teachings  .wp-block-column {
	box-shadow: 0 0 30px 0 rgba(2, 78, 158, 0.10);
	border-radius:20px;
	position: relative;
       
}

@media only screen and (max-width: 1024px) {
	.our-founders .wp-block-column:first-child p {
		width: 100% !important;
	}

	.about-mission p {
		max-width: 95% !important;		
	}

	.podcast-accordion .is-style-tc-transcript {
		background: #FFFFFF6E !important;
	}
}

@media only screen and (min-width: 1140px) {
	.about-mission {
		margin-left: calc((100vw - 1140px)/2) !important;
	}
	.mission-list {
		margin-right: calc((100vw - 1140px)/2) !important;
	}
	.home-hero-banner .home-desc {
        margin-left : calc((100vw - 1140px)/2) !important;
        padding: 0 !important;
    }
}

@media screen and (min-width: 782px) {
	.teaching-button {
		position: absolute ;
		bottom: 20px;
	}
	
}

@media screen and (max-width: 781px) {
	.our-teachings  .wp-block-column {
		max-width: 364px !important;
	}	
}

@media only screen and (min-width: 1000px) {	
	.about-mission {
		width: 410px;
	}
}

@media only screen and (max-width: 1000px) {
	.our-mission {
		flex-wrap: wrap !important;
	}

	.our-mission .wp-block-column {
		flex-basis: 100% !important;
	}

	.podcast-cols {
		flex-basis : 100% !important;
	}

}

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

	.our-mission {
		margin-bottom: 0 !important;
	}

	.our-mission .wp-block-column:first-child h2 {
		margin-left: 20px !important;
		margin-right: 20px !important;		
	}

	.our-founders h3,
	.our-mission h2,
	.ministry-location h2 {
		font-size: 30px !important;
	}

	.our-founders p,
	.our-mission p {
		font-size: 16px !important;
	}
	
	.our-mission .wp-block-column:last-child > .wp-block-group {
		border-radius: 0 !important;
		padding: 60px 40px !important;
	}

	.our-mission .wp-block-column:last-child li {
		text-align: left;
	}

	.our-mission h2,
	.our-mission ul {
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
	}
	/*Move to groups css file*/

	.our-founders {
		margin-top: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 64px !important;
	}

	.our-founders img {
		width: 165px !important;
	}

	/*Move to groups css file*/

	.our-founders .wp-block-column:last-child,
	.ministry-location h2,
	.ministry-location p {
		text-align: left !important;
	}

	.ios-android-app > .wp-block-column:first-child,
	.privacy-desc > .wp-block-column:first-child {
		order: 2;
	}

	.ios-android-app > .wp-block-column:last-child,
	.privacy-desc > .wp-block-column:last-child, { {
		order: 1;
	}

	.ios-android-app .app-description,
	.ios-android-app h2,
	.contact-us-group h2, 
	.contact-us-group p{
		text-align: left !important;
	}

	.our-family p {
        font-size: 16px !important;
    }

    .our-family .wp-block-columns {
    	padding-left: 0 !important;
    	padding-right: 0 !important;
    }

    .our-family h2,
    .ios-android-app h2,
    .contact-us-group h2 {
    	font-size: 24px !important;
    }

    .contact-us-group {
    	padding-top: 50px !important;
    	padding-bottom: 0px !important;
    }

    .app-features > .wp-block-column:first-child  p{
    	padding-left: 15px !important;
    	padding-right: 15px !important;
    }

}

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

	.app-features {
		flex-direction: column;
	}

	.app-features>.wp-block-column {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.app-features>.wp-block-column:first-child .wp-block-column:first-child {
		flex-basis: 48% !important;
	}
	.app-features>.wp-block-column:first-child .wp-block-column:nth-child(2) {
		flex-basis: 40% !important;
	}

	.app-features>.wp-block-column:nth-child(2) .wp-block-column:first-child {
		flex-basis: 30% !important;
	}

	.app-features>.wp-block-column:nth-child(2) .wp-block-column:nth-child(2) {
		flex-basis: 40% !important;
	}

	.home-hero-banner h2 {
		font-size: 34px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		max-width: 100% !important
	}

	.home-hero-banner p,
	.home-latest-lesson .wp-block-columns {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.home-hero-banner .home-desc {
		gap:20px !important;
	}

	.home-hero-banner .wp-block-buttons,
	.home-latest-lesson .wp-block-buttons{
		margin: 32px auto !important;
		width: 95% !important;
	}

	.home-hero-banner  .wp-block-button,
	.home-latest-lesson .wp-block-button,
	.home-hero-banner  .wp-block-button a,
	.home-latest-lesson .wp-block-button a{
		width: 100% !important;
	}

	.home-latest-lesson .wp-block-cmd-media-bunny-video {
		text-align: left !important;
	}

	.home-benefits-features {
		padding: 80px 20px !important;
	}

	.home-benefits-features .wp-block-columns,
	.our-teachings .wp-block-columns {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.home-benefits-features .wp-block-columns .wp-block-columns>.wp-block-column{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.home-benefits-features .wp-block-columns>.wp-block-column{
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.home-latest-lesson p {
		text-align: left !important;
	}
	
	.home-latest-lesson-title,
	.home-benefits-features h3,
	.our-impact-heading,
	.our-teachings-heading {
		font-size: 30px !important;
	}
	
	.home-benefits-features .wp-block-column p{
		font-size: 16px !important;
	}

	.our-impact-data  p:not(:first-child) {
		width: 310px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.our-impact,
	.our-teachings {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	.home-hero-banner figure {
		margin-right: 0 !important;
	}

	.our-teachings p {
	    padding-left: 0px !important;
	    padding-right: 0px !important;
	    margin-left: 0px !important;
	    margin-right: 0px !important;
	}
}