/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: A child theme for Astra
Author: Khalil
Author URI: https://golan-media.com/
Template: astra
Version: 1.0.0
*/

/* Your custom styles below */

 /*style date and temp */
#current-date {
  font-family: 'al-jazeera', sans-serif;
  color: white;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 0;
}


	.weather-text {
  font-family: 'al-jazeera', sans-serif;
  color: white;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 0;
}

.site-header-above-section-left-center,
.site-header-above-section-center {
  display: flex;           /* Make flex container */
  justify-content: center; /* Center horizontally */
  align-items: center;     /* Center vertically */
  height: 100%;            /* Make sure it fills the header height */
	
  z-index: 10000; 
}

 /*remove underline from links */

a {
  text-decoration: none !important;
}

 /*make round corner for posts */

.anwp-pg-post-teaser__thumbnail {
  border-radius: 25px 25px 0 25px
  
  !important;
  }
  
.elementor-post__thumbnail {
  border-radius: 25px 25px 0 25px
  
  !important;
  }



 /*Round corner all post image */ 
.elementor-widget-theme-post-featured-image img {
  border-radius: 25px 25px 0 25px !important;
	
}

#menu-footer-3 a,
#menu-footer-3 a:hover,
#menu-footer-3 a:visited {
  color: #ffffff !important;
}

 /*Round corner date on post*/ 
.anwp-pg-post-teaser__bottom-meta {
  max-width: 300px; /* or 200px, as you prefer */
  width: fit-content; /* makes it wrap tightly */
  border-radius: 15px 15px 0 15px ;
  padding: 8px 12px;
}

 /*make multi select bigger*/ 
select.multiselect {
    height: 10em; /* Adjust as needed. Around 10em for 5 lines */
    min-height: 10em; /* Ensure minimum height stays at 5 lines */
    overflow-y: auto; /* Enables scrolling if options exceed */
}
 /*make multi select bigger*/ 

 /*add round to mn zawyh akhra after setting CSS Classes*/ 
.left-align-box {
  border-radius: 25px 25px 0 25px;
  max-width: 300px;
  width: fit-content;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
  padding-bottom:3px;
  text-align: left;
  background-color: #6A1618;
  color: #ffffff; /* Optional: make text readable on dark background */
}

.left-align-box * {
  text-align: left !important;
}

 /*remove border from news*/ .anwp-pg-post-teaser__content {
  border-bottom: none !important;
}


/*newsletter sign up customize */ 
    form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit, form.fluent_form_4 .wpf_has_custom_css.ff-btn-submit, form.fluent_form_5 .wpf_has_custom_css.ff-btn-submit   {
      background-color: rgba(106, 22, 24, 1);
      border-color: rgba(255, 255, 255, 1);
      color: #ffffff;
      min-width: 100%;
      border-radius: 25px 25px 0 25px;
    }

    form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:hover {
      background-color: #ffffff;
      border-color: rgba(106, 22, 24, 1);
      color: rgba(106, 22, 24, 1);
      min-width: 100%;
      border-radius: 25px 25px 0 25px;
    }

.ff-el-input--content input.ff-el-form-control {
  background-color: transparent !important; 
  border: 1px solid #6a1618 !important;  
  color: #6a1618 !important;  
  border-radius: 25px 25px 0 25px; 
  padding: 8px 12px;
} 


/*canvas menu arrow */  
@media (max-width: 768px) {
  .ast-arrow-svg {
    color: #ffffff;
  }
}