/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Urban Block Media
 Author URI:     https://urbanblockmedia.com/
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */




/* ------------------------------------------------------- 
Header customize
------------------------------------------------------- */
#main-header .et_pb_menu__menu,
#main-header .et-menu-nav,
#main-header #menu-menu{
	width: 100%;
}
#main-header{
	box-shadow:unset;
}
#main-header .button-cls{
	max-width:238px;
	width:100%;
	display: flex;
	align-items:center;
	justify-content:center;
}
#main-header .button-cls a{
	background:#E89E1E;
	text-transform:uppercase;
	height: 65px;
	max-width:238px;
	padding:0;
	width:100%;
	display: flex;
	align-items:center;
	justify-content:center;
	transition:0.3s;
}

#main-header .et_pb_menu__logo img{
	transition:0.3s;
}
.et-l--header{
	position:fixed;
	width: 100%;
	z-index:2;
	transition:0.3s;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a{
	padding:0;
}

.scrolled{
	padding-top:5px!important;
	padding-bottom: 5px!important;
	box-shadow:0 10px 10px 0 rgba(0,0,0,0.05);
	transition:0.3s;
}

.scrolled .et_pb_row_0_tb_header.et_pb_row{
	padding-top:5px!important;
	padding-bottom:5px!important;
}
.scrolled #main-header .button-cls a{
	height: 45px;
	transition:0.3s;
}

.scrolled #main-header .et_pb_menu__logo img{
	max-width:200px;
	transition:0.3s;
}
#et-main-area{
	padding-top:116px;
}
.donate-button{
	position:relative;
	display:flex;
	text-indent: 20px;
}

.donate-button:before{
    content: ''!important;
    position: absolute;
    display: block;
    left: calc(50% - 40px)!important;
    top: 50%!important;
    width: 32px!important;
    height: 32px!important;
    background: url(/wp-content/uploads/2024/11/donate.png);
    background-size: contain;
    z-index: 1;
    transform: translateY(-50%)!important;
}

.gradient-text{
	padding:5px 33px;
	color:rgba(40, 40, 40, 1);
	background: linear-gradient(90deg, rgba(241, 199, 31, 1), rgba(241, 132, 31, 1));
	clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}

.sub-menu li.menu-item{
	padding:0!important;
}
.sub-menu{
	width:fit-content!important;
	padding-top:0!important;
	padding-bottom:0!important;
}
.sub-menu li.menu-item a{
	width: auto;
	white-space:nowrap;
}
@media screen and (min-width: 980px){
	#main-header #menu-menu{
		grid-gap:35px;
	}
	
	#main-header .et-menu-nav{
		justify-content:flex-end;
	}
	
	
	#main-header #menu-menu li:first-of-type{
		margin-left: auto;
	}
	
	.scrolled #main-header .et_pb_menu__logo{
		width: 300px;
	}
	
	

}
body #page-container .et_pb_section .et_pb_button_0:hover{
	background-color:rgba(61,67,94,0.8);
}

body #page-container .et_pb_section .inftnc_dual_buttons_0 .et_pb_button.inftnc_pb_button_right:hover,
body #page-container .et_pb_section .et_pb_button_1:hover{
	background-color:#4680c0bf;
}
.sub-menu {
/*     max-height: 0; */
    overflow: hidden;
    transition: max-height 0.3s ease;
}

/* Show active submenus */
.sub-menu.active {
    max-height: 500px; /* Adjust based on your submenu content */
}
@media screen and (max-width: 1080px){
	#main-header #menu-menu{
		grid-gap:15px;
	}
}
@media screen and (max-width: 980px){
	#main-header .button-cls{
		margin-top:15px;
	}
	
	#main-header .button-cls a{
		height: 50px;
	}
	#et-main-area{
		padding-top:95px;
	}
	.sub-menu{
		width: 100%!important
	}
}

/* ------------------------------------------------------- 
Common customize
------------------------------------------------------- */

 body #page-container  #works .et_pb_button.inftnc_btn.et_pb_bg_layout_light{
	padding:15px 25px!important;
	display:inline-block;
}


/* ------------------------------------------------------- 
About
------------------------------------------------------- */
.about-title h3{
	width: fit-content;
	background:#fff;
	padding-left:120px;
	padding-right:120px;
	position:relative;
}
.about-title h3:before{
	content:'';
	width: 85px;
	height: 91px;
	position:absolute;
	left:0;
	top:-20px;
	background:url(/wp-content/uploads/2024/11/Layer_1.png);
	background-size:contain;
}
.about-title h3:after{
	content:'';
	width: 85px;
	height: 91px;
	position:absolute;
	right:0;
	top:-20px;
	background:url(/wp-content/uploads/2024/11/Layer_1.png);
	background-size:contain;
	transform: rotateY(180deg);
}

@media screen and (max-width: 768px){
	.about-title h3{
		padding-left:100px;
		padding-right:100px;
	}
	.about-title h3{
		max-width:500px;
	}	
}
@media screen and (max-width: 640px){

	.about-title h3:before,.about-title h3:after{
        background-repeat: no-repeat;
		height: 50px;
        width: 50px;
        top: 0;
	}
}
@media screen and (max-width: 576px){
	.about-title h3 {
        padding-left: 60px;
        padding-right: 60px;
		max-width:370px;
    }
	.about-title h3:before{
		left: -10px;
	}
	.about-title h3:after{
		right: -10px;
	}
}





/* ------------------------------------------------------- 
About page
------------------------------------------------------- */
.about-section .et_pb_column{
	display:grid;
	grid-template-areas:"title title"
						"text1 text1"
						"blurb1 blurb2"
						"blurb3 blurb4"
						"text2 text2";
	
}

.about-section .about-title{
	grid-area:title;
}
.about-section .about-text{
	grid-area:text1;
}
.about-section .about-text2{
	grid-area:text2;
}
.about-section .blurb-1{
	grid-area:blurb1;
}
.about-section .blurb-2{
	grid-area:blurb2;
}
.about-section .blurb-3{
	grid-area:blurb3;
}
.about-section .blurb-4{
	grid-area:blurb4;
}

@media screen and (max-width: 768px){
	.about-section .et_pb_column{
		display:grid;
		grid-template-areas:"title "
							"text1"
							"blurb1"
							"blurb2"
							"blurb3"
							"blurb4"
							"text2 ";

	}
}



/* ------------------------------------------------------- 
Projects
------------------------------------------------------- */
#projects .et_pb_ajax_pagination_container{
	display: none;
}
#projects .carousel {
  background: #EEE;
  max-width: 100%;
  margin: 0 auto;
}



#projects .et_pb_post {
  display: flex;
	flex-direction:column;
	height: 100%;
	width: calc(33.33% - 20px);
	margin-right: 30px;
	min-height:505px;
	margin-bottom:0;
}
#projects .et_pb_post .entry-title{
	order:1;
	max-height:69px;
	overflow-y: hidden;
}
#projects .et_pb_post:nth-child(3n+1){
	background:#F1841F;
}
#projects .et_pb_post:nth-child(3n+2){
	background:#4680C0;
	color:#fff!important;
}
#projects .et_pb_post:nth-child(3n+2) .entry-title,
#projects .et_pb_post:nth-child(3n+2) .post-meta{
	color:#fff;
}
#projects .et_pb_post .entry-title,
#projects .et_pb_post .post-meta{
	padding-left: 30px;
	padding-right: 30px;
	color:#000;
}
#projects .et_pb_post .entry-title{
	padding-bottom:30px;
}
#projects .et_pb_post:nth-child(3n+3){
	background:#F1C71F;
}
#projects .et_pb_post .entry-featured-image-url{
	margin-bottom:0;
	height:322px;
}
#projects .et_pb_post .entry-featured-image-url img{
	height: 322px;
	object-fit:cover;
}
#projects .et_pb_post .post-meta{
	margin-top:40px;
	margin-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
}

.flickity-prev-next-button{
	top:unset;
	bottom: 0;
	transform: unset;
	background:#F1C71F;
}
.flickity-prev-next-button:hover{
	background:#4680C0;
}
.flickity-prev-next-button:hover svg path{
	fill: #fff;
}
.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 25%;
    top: 25%;
    width: 50%;
    height: 50%;
}

.flickity-prev-next-button.previous {
    left: -25%;
}


.flickity-prev-next-button.next{
	right: unset;
    left: -20%;
}
@media screen and (max-width: 980px){
	.flickity-prev-next-button.previous {
		left: calc(50%);
		transform: translateX(-110%) translateY(80px);
	}
	.flickity-prev-next-button.next{
		left: calc(50%);
		transform: translateX(10%) translateY(80px);
	}
}

@media screen and (max-width: 900px){
	#projects .et_pb_post{
		width: calc(50% - 10px);
	}
}

@media screen and (max-width: 576px){
	#projects .et_pb_post{
		width:100%;
	}
	

	#projects .et_pb_post .entry-featured-image-url,
	#projects .et_pb_post .entry-featured-image-url img{
		height: 222px;
	}
	#projects .et_pb_post{
		min-height:350px;
	}
	#projects .et_pb_post .post-meta{
		margin-top:20px;
	}
	#projects .et_pb_post .entry-title, #projects .et_pb_post .post-meta{
		padding-left:20px;
		padding-right:20px;
	}
}
/* ------------------------------------------------------- 
Works
------------------------------------------------------- */

#works .et_pb_blurb_0.et_pb_blurb .et_pb_blurb_content{
	display :flex;
}

#works .et_pb_blurb_0.et_pb_blurb.et_pb_blurb_position_left .et_pb_main_blurb_image{
	width:64px;
}
#works .et_pb_blurb_0.et_pb_blurb .et_pb_blurb_container{
	margin-left: 34px;
	padding-left: 34px;
	display :flex;
	flex-direction:column;
	position:relative;
}
#works .et_pb_blurb_0.et_pb_blurb .et_pb_blurb_container:before{
	content:'';
	 width:1px;
	 height: calc(100% + 68px);
	 position:absolute;
	 top:-34px;
	 left:0;
	 background:#4680C0;
}
 #works .et_pb_blurb_1 .et_pb_blurb_content .et_pb_module_header, #works .et_pb_blurb_2 .et_pb_blurb_content .et_pb_module_header, #works .et_pb_blurb_3 .et_pb_blurb_content .et_pb_module_header{
	margin-top: -80px;
    padding-left: 90px;
}
 #works .et_pb_blurb_1 .et_pb_blurb_content  .et_pb_blurb_description, #works .et_pb_blurb_2 .et_pb_blurb_content  .et_pb_blurb_description, #works .et_pb_blurb_3 .et_pb_blurb_content  .et_pb_blurb_description{
	 padding-top:20px;
	 margin-top:20px;
	 position:relative;
}
 #works .et_pb_blurb_1 .et_pb_blurb_content  .et_pb_blurb_description:before, #works .et_pb_blurb_2 .et_pb_blurb_content  .et_pb_blurb_description:before, #works .et_pb_blurb_3 .et_pb_blurb_content  .et_pb_blurb_description:before{
	 content:'';
	 width: calc(100% + 50px);
	 height: 1px;
	 position:absolute;
	 left: -25px;
	 top:0;
	 background:#4680C0;
}
@media screen and (max-width: 1640px){
	
	#works .et_pb_blurb_0.et_pb_blurb ,  #works .et_pb_blurb_1.et_pb_blurb, #works  .et_pb_blurb_2.et_pb_blurb, #works  .et_pb_blurb_3.et_pb_blurb{
		max-width: calc(50% - 10px) !important;
        margin-right: 0 !important;
        float: unset;
		margin-bottom: 0!important;
		padding:25px!important;
	}
	 #works .et_pb_blurb_0 .et_pb_blurb_content  .et_pb_blurb_description{
		 padding-top:20px;
		 margin-top:20px;
		 position:relative;
	}
	 #works .et_pb_blurb_0 .et_pb_blurb_content .et_pb_module_header{
		margin-top: -80px;
		padding-left: 90px;
	}
	#works .et_pb_blurb_0 .et_pb_blurb_content {
		flex-direction:column;
	}
	#works .et_pb_blurb_0.et_pb_blurb .et_pb_blurb_container{
		padding-left:0!important;
		margin-left: 0!important;
	}
	#works .et_pb_blurb_0.et_pb_blurb .et_pb_blurb_container:before{
		display :none;
	}
	#works .et_pb_blurb_0 .et_pb_blurb_content  .et_pb_blurb_description:before{
		 content:'';
		 width: calc(100% + 50px);
		 height: 1px;
		 position:absolute;
		 left: -25px;
		 top:0;
		 background:#4680C0;
	}
	#works .et_pb_row .et_pb_column{
		width: 100%!important;
		margin-right:0;
		margin-left:0;
	}
	#works .et_pb_row .et_pb_column:nth-child(2){
		display: flex;
		flex-wrap: wrap;
		grid-gap: 20px;
	}
	#works .et_pb_row .et_pb_column:first-of-type{
		margin-bottom:50px;
	}

	
/* 	#support .et_pb_gutters2 .et_pb_column_1_3, .et_pb_gutters2.et_pb_row .et_pb_column_1_3,
	#support .et_pb_gutters2 .et_pb_column_2_3, .et_pb_gutters2.et_pb_row .et_pb_column_2_3{
		width: 48%;
	} */
}
/* @media screen and (max-width: 1200px){
	#support .et_pb_gutters2 .et_pb_column_1_3, .et_pb_gutters2.et_pb_row .et_pb_column_1_3, #support .et_pb_gutters2 .et_pb_column_2_3, .et_pb_gutters2.et_pb_row .et_pb_column_2_3{
		width: 100%;
		margin-right: 0;
	}
} */


@media screen and (max-width: 640px){
	#works .et_pb_blurb_0.et_pb_blurb, #works .et_pb_blurb_1.et_pb_blurb, #works .et_pb_blurb_2.et_pb_blurb, #works .et_pb_blurb_3.et_pb_blurb{
		max-width:100%!important;
	}
}
/* ------------------------------------------------------- 
Donate section
------------------------------------------------------- */
body #page-container .et_pb_section .custom-button-style.et_pb_button, body #page-container .et_pb_section .custom-button-style.et_pb_button:hover{
	padding:22px 88px!important;
	display: inline-block;
	width: fit-content;
}

@media screen and (max-width: 1320px){
	body #page-container .et_pb_section .custom-button-style.et_pb_button, body #page-container .et_pb_section .custom-button-style.et_pb_button:hover{
			padding:15px 50px!important;
	}
}
@media screen and (max-width: 768px){
		body #page-container .et_pb_section .custom-button-style.et_pb_button, body #page-container .et_pb_section .custom-button-style.et_pb_button:hover{
			padding:15px 30px!important;
	}
}


@media only screen and (max-width: 767px) {
	h3{
		font-size:20px!important;
	}
	
    h5 {
        font-size: 16px!important;
    }
}
/* ------------------------------------------------------- 
Footer customize
------------------------------------------------------- */
#menu-foot-menu-about,#menu-foot-menu-resources{
	display: flex;
	flex-direction:column;
	grid-gap:15px;
}

footer .et_pb_blurb_container{
	padding-left:0!important;
}


/* gravity forms */
.gform-theme--foundation .gform_fields{
	row-gap:25px;
}

.program-blurb .et_pb_main_blurb_image{
	width: 100%;
}
.program-blurb .et_pb_image_wrap{
	height: 290px;
	overflow:hidden;
	display:flex;
}
.program-blurb .et_pb_image_wrap img{
	object-fit:cover;
	width: 100%;
}