/**
Theme Name: HayatOrgization
Author: Nada Albarbar
Author URI: https://www.behance.net/nadaalbarbar
Description: A non-profit civil organization concerned with supporting and assisting low-income cancer patients, from the diagnosis stage to the recovery stage.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hayatorgization
Template: astra
*/

@media (max-width: 420px) {
    .single .post-navigation .ast-left-arrow, .single .post-navigation .ast-right-arrow {
        display: inherit;
    }
	    .single .nav-links .nav-previous  {
			width: -webkit-fill-available !important ;
			text-align: right;
    }
	 .single .nav-links .nav-next {
			width: -webkit-fill-available !important ;
			text-align: left;
    }
	.single .nav-links {
		    display: flex;
			align-items: center;
			justify-content: space-between;
		
	}
	    .single .post-navigation .nav-previous {
        margin-bottom: 0px;
    }
}



button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-minimal {
    padding-left: 0px !important;
}

.all_news .elementor-position-right .elementor-image-box-wrapper {
    display: flex;
    flex-direction: row-reverse;
}

.stories-image-carousel  figure {
		line-height: inherit !important;
				
	}

.stories-image-carousel .elementor-swiper-button.elementor-swiper-button-prev, .stories-image-carousel .elementor-swiper-button.elementor-swiper-button-next {
/*     display: none !important; */
    height: 50px !important;
    width: 50px !important;
	background-color: red;
}

/********* Footer *********/

.site-content ol, .site-content ul {
    margin: 0 20px 20px !important;
}

/****** slider ************/

.lae-posts-carousel.lae-container ul.slick-dots {
  width: auto !important;
  position: absolute !important;
  bottom: -30px !important;
  left: 50% !important;
  transform: translateX(-50%) !important; 
  padding: 0!important;
  margin: 0 !important;
  display: flex !important;
}


@media (min-width: 601px) {
aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner {
     display: flex  !important;
     align-items: start !important;
  gap: 10px !important; 
}
.footer-widget-area-inner .widget_media_image {
  flex: 0 0 auto  !important;
}
.footer-widget-area-inner .widget_text {
  flex: 1 1 auto  !important;
  }
}
@media (max-width: 600px) {
.site-footer-section .widget {
    margin: 0 0 10px 0 !important;
 }
	button.slick-next.slick-arrow, button.slick-prev.slick-arrow {
    display: none !important;
}
	
	.lae-posts-carousel .slick-list.draggable {
			margin-right: 10px  !important;
			margin-left: 10px  !important;
		}
	.lae-posts-carousel  .slick-list .slick-track {
	   	 display: flex;
		  align-items: center;
		  justify-content: center;
	}
	.lae-posts-carousel  .slick-slide {
			 width: calc(100vw - 20px) !important;
			  margin: 0 auto  !important;
			  box-sizing: border-box  !important;
		}
}

/******** side bar ********** */
#secondary {
    line-height: 1.8;
}
#secondary li {
    font-size: 18px;
}

.entry-meta .posted-on::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url('/wp-content/uploads/2025/06/calender-bright-blue.svg'); /* or a data URI */
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 6px;
  transform: translateY(4px);
}

.blog  .site-content aside#block-20 , .single-post  .site-content aside#block-20,
.archive.category  .site-content aside#block-20 , .archive .ast-archive-description
{
	display: none !important;
}
.post-type-archive-stories .site-content aside#block-8, .post-type-archive-stories .site-content aside#block-11 , .single-stories .site-content aside#block-8 ,  .single-stories .site-content aside#block-11 

{
	display: none !important;
}
.ast-separate-container .site-content #secondary .widget {
    padding: 20px !important;
}

.widget-area .wp-block-latest-posts:not(.is-grid) > li
 {
    margin-top: 0px !important;
}

.widget-area .wp-block-latest-posts > li > a , .latest-stories li.story-item  {
    color: var(--ast-global-color-0) !important;
}
.widget-area .widget.widget_block ul {
    list-style-type: inherit;
}
.widget-area .widget.widget_block ul.latest-stories{
	margin-right: 20px !important;
}
.widget-area .widget.widget_block ul.latest-stories ::marker {
    color: var(--ast-global-color-0);
}
/******** blog posts *********/

.read-more > a {
    background-color:var(--ast-global-color-2) ;
    border-radius: 35px;
    padding: 10px 15px;
    color: white;
    font-size: 16px;
}
.read-more:hover > a {
    background-color:  var(--ast-global-color-0);

}


@media (min-width: 922px) {
.ast-blog-layout-4-grid .ast-article-post {
    width: 50%;
    margin-bottom: 2em;
    border-bottom: 0;
    background-color: transparent;
  }
}
.site .site-content #primary .ast-article-single {
    border-radius: 15px;
}

.blog  .site-content ,
.wp-singular.single  .site-content ,
.archive  .site-content
{
	background-color: #e0f2f978;
}
.widget {
    border-radius: 12px;
}

@media screen and (min-width: 1440px) {
.Hero_section {
	    background-position-y: -10% !important;
	
 }
}
@media screen and (min-width: 1680px ) {
.Hero_section {
	    background-position-y: -30% !important;
	
 }
}
@media screen and (min-width: 1920px ) {
.Hero_section {
	    background-position-y: -100% !important;
	
 }
}
 .howwehelp .elementor-image-box-img  , #hayat_goals .elementor-image-box-img {
	background-image: url('/wp-content/uploads/2025/07/services_bcakground.svg');
	padding: 30px;
/* 	width: inherit  !important; */
	background-size: contain;
	background-repeat: no-repeat;
	    background-position: center;
}
 .howwehelp .elementor-image-box-img  {
	background-image: url('/wp-content/uploads/2025/06/goals-icons-background.svg');
}

.elementor-widget-image-box  .elementor-image-box-wrapper .elementor-image-box-img  img {
    margin: auto !important;
}

@media (min-width: 600px) {
		.howwehelp .elementor-image-box-img img {
			width: 300px !important;

		}
}

/********** Blog archive ***********/
.ast-separate-container .ast-article-post {
    margin-bottom: 20px ;
    padding: 20px 20px;
/*     border-radius: 15px; */
}


/******* Stories slider ********/
.lae-entry-text-wrap , .swiper-slide-title-wrap {
    background-image: url(/wp-content/uploads/2025/06/tag_name.svg);
    background-size: 90%;
	background-repeat: no-repeat;
    background-position: top;
	margin-top: -20px !important;
    position: relative;
    padding: 10px 5px 20px !important;
}

.lae-posts-carousel.lae-classic-skin .lae-posts-carousel-item .hentry {
    background: transparent !important;
    border: !important;
    box-shadow: none !important;
}

.lae-posts-carousel.lae-classic-skin .lae-posts-carousel-item .lae-project-image:hover img {
    filter: none !important;
	
}
.elementor-1412 .elementor-element.elementor-element-776cd12 .lae-posts-carousel .lae-posts-carousel-item .entry-title a {
	text-decoration: none !important;
    font-weight: 600 !important;
	letter-spacing: 0px;
}

/************* Slider posts **********/

.lae-posts-carousel-item > .stories  {
	    padding: 20px !important;
}
.lae-posts-carousel-item .lae-entry-text-wrap {
    transition: all .2s ease-in-out;
}
.stories.type-stories:hover .lae-entry-text-wrap {
    transform: scale(1.1);
    position: relative;
    z-index: 9;
}
.lae-container .slick-prev {
    right: -40px !important;
	left: auto !important;
}
.lae-container .slick-next {
   left :  -40px !important;
	right: auto !important;
}

/************** Menu Overlay Mobile */
@media (max-width: 544px) {
    .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
        background-color: transparent  !important;
    }
	
	.ast-logo-title-inline .site-logo-img {
    padding-left: 1em;
    padding-right: 0px;
}
	
}

.ast-mobile-header-wrap .ast-mobile-header-content {
	background-color: white !important;
}



.ast-builder-menu-mobile.ast-builder-menu.ast-builder-menu-mobile-focus-item.ast-builder-layout-element.site-header-focus-item {
    border-bottom: 2px solid #e5f8fd !important;
    box-shadow: 2px 10px 10px 2px #e3f8fd85 !important;
    background: linear-gradient(166deg, #ffffff, #e9fafe7d) !important;
}