.kf_main_navigation ul li a{font-family:Open Sans}
.kf_main_navigation ul li a{font-size:14px}
.kf_main_navigation ul li a{line-height:normalpx}
.kf_main_navigation ul li a{font-weight:600}
.kf_main_navigation ul li a{letter-spacing:0.2px}
.kf_main_navigation ul li a{text-transform:uppercase}
body h1{font-family:Roboto}
body h1{font-size:64px }
body h1{line-height:normalpx }
body h1{font-weight:400 }
body h1{letter-spacing:0.2px }
body h1{text-transform:capitalize }
body h2{font-family:Roboto }
body h2{font-size:40px }
body h2{line-height:normalpx }
body h2{font-weight:400 }
body h2{letter-spacing:0.2px }
body h2{text-transform:capitalize }
body h3{font-family:Roboto }
body h3{font-size:24px }
body h3{line-height:normalpx }
body h3{font-weight:400 }
body h3{letter-spacing:0.2px }
body h3{text-transform:capitalize }
body h4{font-family:Roboto }
body h4{font-size:20px }
body h4{line-height:normalpx }
body h4{font-weight:400 }
body h4{letter-spacing:0.2px }
body h4{text-transform:capitalize }
body h5{font-family:Open Sans }
body h5{font-size:18px }
body h5{line-height:normalpx }
body h5{font-weight:400 }
body h5{letter-spacing:0.2px }
body h5{text-transform:capitalize }
body h6{font-family:Open Sans }
body h6{font-size:16px }
body h6{line-height:normalpx }
body h6{font-weight:400 }
body h6{letter-spacing:0.2px }
body h6{text-transform:capitalize }
body, p{font-family:Open Sans}
body, p{font-size:14px }
body, p{line-height:normalpx }
body, p{font-weight:400 }
body, p{letter-spacing:0.2px }
body, p{text-transform:none }
.navigation > .menu > ul > li.current_page_item a:hover,.navigation ul.menu > li.current-menu-item.current_page_item a:hover{color:#ffffff !important}
.navigation > .menu > ul > li a, .navigation ul.menu > li a{color: #000000;  }
.navigation > .menu > ul > li.current_page_item a,.navigation ul.menu > li.current-menu-item.current_page_item a{color: #ffffff;  }
.navigation > .menu > ul > li.current_page_item a,.navigation ul.menu > li.current-menu-item.current_page_item a{background-color: #24890d;  }
.kf_main_navigation .navigation .menu > ul > li.current_page_ancestor > a, .kf_main_navigation .navigation ul.menu > li.current_page_ancestor > a{color: #ffffff;  }
.kf_main_navigation .navigation ul.menu > li.current_page_ancestor > a{background-color: #24890d;  }
.navigation .current_page_item a, .navigation > .menu > ul > li a, .navigation ul.menu > li a{background-color: #ffffff;  }
.navigation ul li > a:before{background-color: #58c333;  }
.navigation > .menu > ul > li a:hover, .navigation ul.menu > li a:hover{color: #ffffff;  }
.navigation ul li:before{color: #ffffff;  }
.navigation > .menu > ul > li > ul.children li a, .navigation > ul > li > ul.children li a, .navigation > ul > li > ul.sub-menu li a, .navigation ul.menu > li ul.sub-menu li a, .navigation > ul > li ul.sub-menu li, .navigation ul.menu > li ul.sub-menu li{background-color: #ffffff !important;  }
.sub-menu, .children,.navigation ul .sub-menu > li, .navigation ul .children > li{border-color: #ffffff !important;  }
.navigation > .menu > ul > li ul.children li a, .navigation > ul > li ul.children li a, .navigation > ul > li ul.sub-menu li a, .navigation ul.menu > li ul.sub-menu li a, .navigation > ul > li ul.sub-menu li, .navigation ul.menu > li ul.sub-menu li{color: #000000 !important;  }
.navigation > .menu > ul > li ul.children li:hover a, .navigation > ul > li ul.children li:hover a, .navigation > ul > li ul.sub-menu li:hover a, .navigation ul.menu > li ul.sub-menu li:hover a, .navigation > ul > li ul.sub-menu li:hover, .navigation ul.menu > li ul.sub-menu li:hover{color: #ffffff !important;  }
.navigation > .menu > ul > li ul.children li:hover a, .navigation > ul > li ul.children li:hover a, .navigation > ul > li ul.sub-menu li:hover a, .navigation ul.menu > li ul.sub-menu li:hover a, .navigation > ul > li ul.sub-menu li:hover, .navigation ul.menu > li ul.sub-menu li:hover{background-color: #000000 !important;  }
.navigation .menu ul > li.current_page_ancestor ul.children li.current_page_item a
									   .navigation .menu ul > li.current_page_ancestor li.current_page_item a, 
									   .navigation ul.menu > li.current_page_ancestor li.current_page_item a,
									   .menu-item.menu-item-object-page.current-menu-item.page_item.current_page_item > a{background-color: #000000 !important;  }
.menu ul > li.current_page_ancestor ul.children li.current_page_item a,
									   .navigation ul.menu > li.current_page_ancestor li.current_page_item a,
									   .menu-item.menu-item-object-page.current-menu-item.page_item.current_page_item > a,
									   .menu-item.menu-item-object-page.current-menu-item.page_item.current_page_item
									   {color: #ffffff !important;  }
.kode-linksection, .kode-modren-btn{border-color:#ffffff !important}
.kode-linksection, .kode-modren-btn{background:#ffffff !important}
body { background-color: #ffffff !important;  }
.kode_eco_footer_wraper, 
									.eco_footer_content:after,
									.childcare_footer:before{ opacity: 0.9 !important;  }
.kode_eco_footer_wraper, .eco_footer_content:after,
									.overlay_white:before, 
									.overlay_dark:before, 
									.overlay:before
						{ background-color: #ffffff !important;  }
.kode_eco_footer_wraper, footer{background:url();background-size: cover;float: left;position: relative;width: 100%;}.kode_eco_footer_wraper,.eco_footer_content:before{background-image:url();}.childcare_footer{background-image:url();}a.logo{margin-top: 5px;  }
.kode_navigaion_bar{ background-color: #ffffff !important;  }
	
					.kode-profile-loader{
						background:url(http://www.soundhearts.org/wp-content/themes/islamic-center/images/ajax-loader-hotel.gif);	
						width:128px;
						margin:0 auto 20px;
						height:128px;
						display:none;
						overflow:hidden;
					}
					#kode-loader-wrapper{
						position:fixed;
						left:0;
						right:0;
						top:0;
						bottom:0;
						width:100%;
						height:100%;
						background:#fff;
						opacity:1;
						z-index:99999999;
					}
					#kode-loader-wrapper  span{
						background:url(http://www.soundhearts.org/wp-content/themes/islamic-center/images/ajax-loader-hotel.gif);	
						width:128px;
						margin:auto;
						height:128px;	
						overflow:hidden;
						position:fixed;
						left:0;
						right:0;
						top:0;
						bottom:0;
						z-index:99999999;
					}
					.kode-loader {
					  height: 100%;
					  overflow: hidden;
					}	
						.dd,
						.kode_gallery3_wrap .slick-prev:hover,
						.kode_gallery3_wrap .slick-next:hover,
						.kode_pricing_des:hover .kode_pricing_dollar h3,
						.kode_service_form  .kode_textarea textarea:focus,
						.kode_service_form .kf_commet_field input:focus,
						.hvr-ripple-out:hover:before, 
						.hvr-ripple-out:focus:before, 
						.hvr-ripple-out:active:before,
						.kode_portfolio_detail ul li a:hover,
						.widget_event .kode_textarea textarea:focus,
						.siderbar_categories.archive .categories_detail  li:hover ,
						textarea:focus,
						input:focus,
						.kode_comments .kode_textarea textarea:focus,
						.blog_quote,
						.kode_search .comment-form .kf_commet_field input:focus,
						.sidebar_title:before,
						.kode_search .comment-form .kf_commet_field button:hover,
						.kode_blog_des:hover .kode_blog_text .share_link,
						.kode_Philosophy_wrap .slick-dots,
						/*home page 02 start */
						.widget_event.event_2 .kode_textarea textarea:focus,
						.kode_building_text .medium_btn:hover,
						.kode_pillars_wrap.pillare_2 .kode_pillars_text:before,
						.header .navigation ul ul,
						.kode_banner_wrap.banner2 .slick-prev:hover, 
						.kode_banner_wrap.banner2 .slick-next:hover,
						/*home page start */
						.comment-form button:hover,
						.kode_amount_list span:hover,
						.kode_pillars_item li a span,
						.kode_top_right_text .kf_commet_field input:focus,
						.navigation ul li ul li a:before,
						.navigation ul li ul,
						.kode_top_info ul li ul,
						textarea:focus,
						.widget_event .kf_commet_field input:focus,
						.widget_event .form-submit .medium_btn:hover,
						.widget_title:before,
						.widget_social_icon li a:hover,
						.kode_donation_row .kf_commet_field input:focus,
						.kode_doantion_amount .kf_commet_field input:focus,
						.kode_social_icon li a:hover,
						.kode_service_text  .right_arrow:hover,
						.kode_mosque_item .koed_banner_btn .medium_btn,
						.kode_banner_text .medium_btn:hover,
						.kode_top_icon ul li a:hover
							{
							border-color:#24890d !important;
						}
						.d,
						.kode_shop_fig  .shop_icon li a,
						.kode_shop_text h6 a:hover,
						.kode_shop_text > h5,
						.event_rating a:hover,
						.kode_service_des .right_arrow.btn:hover,
						.kode_service_des .right_arrow.btn i,
						.kode_pricing_des:hover .kode_pricing_dollar h3,
						.pricing_list li a:hover,
						.pricing_list li a:before,
						.kode_project_text h5 a:hover,
						.kode_project_dollar  a:hover,
						.kode_project_text h4 a:hover,
						.kode_project_dollar  a span,
						.kode_portfolio_text h4 a:hover,
						.kode_portfolio_text h6 a:hover,
						.kode_event_speaker_text h6 a:hover,
						.event_detail_list li a i,
						.kode_coming_event_text a:hover,
						.kode_coming_event_text h5 a:hover,
						.kode_coming_event_text > a i,
						.event_studium,
						.kode_event_detail .kode_calender_list .kode_event_text span a:hover,
						.kode_event_detail .kode_calender_list .kode_event_text h4 a:hover,
						.event_date span,
						.kode_contact_text a,
						.kode_404_text h2,
						.siderbar_categories.archive .categories_detail  li a:hover:before,
						.sidebar_add figcaption h5,
						.kode_social_share > a:hover,
						.kode_blog_detail_text h3 a:hover,
						.categories_detail li a:hover,
						.kode_pagination .next:hover,
						.kode_pagination .prve:hover,
						.kode_blog_des:hover .kode_blog_text h4 a,
						.kode_client_wrap.client_3 .kode_client_text h6 a:hover,
						.kode_philosophy_text:hover h4 a,
						.kode_mosque_row.mosque figure a:hover,
						/*home page 02 start */
						.widget_event.event_2 .form-submit .medium_btn:hover,
						.widget_event .kode_event_text h6 a:hover,
						.kode_event_fig a:hover,
						.kode_event_text span a:hover,
						.kode_event_text span i,
						.kode_calender_detail.detail_2 .kode_event_text h4 a:hover,
						.kode_building_text h4 span,
						.header .navigation ul li a:hover,
						.kode_top2_icon ul li a span,
						.kode_top2_icon ul li a,
						.kode_top2_info li a:hover,
						.kode_top2_info li span i,
						/*home page start */
						.kode_event_text h6 a:hover,
						.top_btn:hover,
						.kode_top_info ul li ul li a:hover,
						.copyright_text p a,
						.widget_call_info li a:hover,
						.widget_call_info li a i,
						.product_icon li a:hover,
						.rating_star li a:hover,
						.kode_product_text span:last-child,
						.kode_event_text p span,
						.koed_event_timer figcaption h5,
						.kode_blog_fig .plus_icon,
						.kode_meta.meta_2 a:hover, 
						.kode_meta li a:hover,
						.kode_blog_fig:hover .kode_blog_text h5,
						.kode_meta li a i,
						.kode_canvas_text h4,
						.checkbox_radio label:focus,
						.checkbox_radio:hover label,
						.kode_gallery_fig a,
						.kode_service_text  .right_arrow,
						.kode_service_text h4 a:hover,
						.kode_service_text span,
						.kode_pillars_item li a span,
						.kode_pillars_text span,
						.kode_counter_mosque li h6 a:hover,
						.kode_counter_mosque li span,
						.section_hdg span,
						.kode_top_right_text .kf_commet_field button,
						.kode_top_info > ul > li > a:hover,
						.kode_top_info ul li a i
						{color: #24890d !important;  }

						/*
							  ============================================================
								   Background Color
							  ============================================================
						*/
						.d,
						.kode_gallery3_wrap .slick-prev:hover,
						.kode_gallery3_wrap .slick-next:hover,
						.kode_team_profile .event_detail_list li a:hover,
						.kode_shop_fig  .shop_icon li a:hover,
						.kode_side_contact_text a,
						.kode_event_featured > a,
						.kode_pricing_des:hover .medium_btn,
						.kode_service_form  .form-submit .medium_btn,
						.kode_attorney_detail_skill .label,
						.kode_attorney_detail_skill .bar ,
						.kode_project_text  > span,
						.kode_portfolio_detail ul li a.active,
						.kode_portfolio_detail ul li a:focus,
						.kode_portfolio_detail ul li a:hover,
						.kode_coming_event  .slick-dots li:hover,  
						.kode_coming_event  .slick-dots li.slick-active,
						.kode_event_detail li:hover .kode_event_ticket .medium_btn,
						.kode_contact_service ul li:before,
						.kode_contact_field .form-submit .medium_btn:hover,
						.kode_coming_text .progress-bar ,
						.kode_404_text h3,
						.kode_comments .form-submit .medium_btn:hover,
						.social_meta li a:hover,
						.blog_quote span,
						.kode_search .comment-form .kf_commet_field button:hover,
						.kode_pagination > a:hover,
						.kode_blog_des:hover .them_overlay:before,
						.kode_blog_des:hover .kode_blog_text .share_link,
						.kode_client_wrap.client_3 .slick-prev:hover, 
						.kode_client_wrap.client_3 .slick-next:hover,
						.kode_Philosophy_wrap .slick-dots li:hover,
						.kode_Philosophy_wrap .slick-dots li.slick-active,
						.kode_philosophy_text:hover .small_btn ,
						.kode_philosophy_text:hover span,
						.kode_sab_banner_wrap.them_overlay:before,
						/*home page 02 start */
						.kode_mosque2_fig figure:after,
						.widget_event.event_2 .kode_calender_list:hover > span,
						.kode_banner_wrap.banner2 .slick-prev:hover, 
						.kode_banner_wrap.banner2 .slick-next:hover,
						.kode_navi_icon  li a:hover,
						.kode_top2_icon .dropdown ul li a:hover,
						/*home page start */
						.btn_hover:hover:before,
						.kode_amount_list span:hover,
						.kode_pillars_item li a:hover,
						.navigation ul li ul li a:hover:before,
						.navigation ul > li > a:hover:before,
						.kode_calender_list:hover > span,
						.top_btn,
						.widget_social_icon li a:hover,
						.kode_product_list > h5,
						.kode_blog_fig:hover  .them_overlay:before,
						.kode_team_wrap .slick-prev:hover,
						.kode_team_wrap .slick-next:hover,
						.kode_social_icon li a:hover,
						.kode_gallery_fig:hover .them_overlay:before,
						.wc-proceed-to-checkout a,
						.woocommerce span.onsale,
						.woocommerce ul.products li.product span.onsale,
						.woocommerce ul.products li.product .button,
						.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
						.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
						.woocommerce-MyAccount-navigation > ul li a,
						.wpcf7-form-control.wpcf7-submit,
						.kode_service_text  .right_arrow:hover,
						.kode_service_des:hover .kode_service_text span,
						.kode_mosque_fig figcaption h6,
						.navigation ul li .active,
						.spacial-btn,
						.kode_top_logo_wrap.them_overlay:before
						{background-color: #24890d !important;  }
button, .contributor-posts-link, input[type="button"], input[type="reset"], input[type="submit"]{background-color: #24890d;  }
.input-field input[type="text"]:focus{box-shadow: 0 0px 1px 0 #24890d !important;  }
.header_3 .kode_top_bar_3, .tooltip.top .tooltip-arrow{border-top-color: #24890d !important;  }
.kf_login_colum{border-bottom-color: #24890d !important;  }
.kode_location_property_4{border-bottom-color: #fff !important;  }
.kode-email-account input[type="password"]:focus, .kode-email-account input[type="text"]:focus, .memberdeck .checkout-title-bar span.active::after, .kf_login_1::before{border-color: #24890d transparent transparent !important;  }
.kode_pet_navigation ul.nav li a.current{border-top-color: #24890d !important;  }

								.kode-sidebar.kode-left-sidebar,
								.kode-sidebar.kode-right-sidebar,
								.kode-widget.kode-sidebar-element{background-color: #ffffff !important;float:left;width:100%;}

								.kode-sidebar.kode-left-sidebar,
								.kode-sidebar.kode-right-sidebar,
								.kode-widget.kode-sidebar-element{padding-top: 0px !important;}

								.kode-sidebar.kode-left-sidebar,
								.kode-sidebar.kode-right-sidebar,
								.kode-widget.kode-sidebar-element{padding-bottom: 0px !important;}

								.kode-sidebar.kode-left-sidebar,
								.kode-sidebar.kode-right-sidebar,
								.kode-widget.kode-sidebar-element{padding-left: 0px !important;}

								.kode-sidebar.kode-left-sidebar,
								.kode-sidebar.kode-right-sidebar,
								.kode-widget.kode-sidebar-element{padding-right: 0px !important;}