/** @format */

* Theme Name: Hello Elementor Child
 * Theme URI: https://github.com/elementor/hello-theme-child/
 * Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
 * Author: Elementor Team
 * Author URI: https://elementor.com/
 * Template: hello-elementor
 * Version: 2.0.0
 * Text Domain: hello-elementor-child
 * License: GNU General Public License v3 or later.
 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
 * Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
 */

/* Add your custom styles here */
/* Header social icons */
.atr-custom-social-icons {
  display: flex;
  align-items: center;
}
.atr-custom-social-icons a,
.atr-talkabout-whatsapp-link {
  margin-left: 3px;
  display: inline-block;
}
@media (max-width: 767px) {
  .atr-custom-social-icons a {
    display: inline-block !important;
  }
}
.atr-custom-social-icons a:last-child {
  margin-right: 0;
  margin-left: 0;
}
.atr-talkabout-whatsapp-link-wrap {
  display: flex;
}
.atr-custom-social-icons img {
  width: 33px;
  height: auto;
  display: block;
}
/* Style for the contact button */
.atr-custom-social-icons a.contact-button {
}
.atr-custom-social-icons a.contact-button img {
  width: 100px;
}
/* footer social icons */
.atr-custom-social-icons-footer-mobile.atr-custom-social-icons-footer.atr-custom-social-icons {
  flex-direction: column;
}
.atr-custom-social-icons-footer-mobile.atr-custom-social-icons-footer img {
  width: 33px;
  height: auto;
  display: block;
}
.atr-custom-social-icons-footer-mobile.atr-custom-social-icons-footer a,
.atr-custom-social-icons-footer-mobile.atr-custom-social-icons-footer
  .atr-talkabout-whatsapp-link {
  margin-left: 0;
  display: inline-block;
}
.atr-custom-social-icons-footer-mobile.atr-custom-social-icons-footer.atr-custom-social-icons
  .atr-talkabout-whatsapp-chat,
.atr-custom-social-icons-footer-mobile.atr-custom-social-icons-footer.atr-custom-social-icons
  > a {
  margin-top: 10px;
}

span.text-gradient-yellow-orange {
  color: transparent;
  background: linear-gradient(90deg, #ffe000 0%, #ff4b1f 100%);
  background-image: linear-gradient(90deg, #ffe000 0%, #ff4b1f 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

/* Contact us page inner icons */
.contact-us-page.atr-custom-social-icons a.contact-button img {
  width: 237px;
}
.contact-us-page.atr-custom-social-icons img {
  width: 85px;
  height: auto;
  display: block;
}
.contact-us-page.atr-custom-social-icons a.contact-button {
  margin-left: 77px;
}

.padd-12-19 {
  padding: 12px 100px;
}

/* gradient for buttons */
.sadnat-ai-form .elementor-button,
.hp-bottom-form .elementor-button,
.hp-middle-form .elementor-button,
.footer-form .elementor-button,
.orange-to-yellow-bg {
  background: linear-gradient(90deg, #ffe000 0%, #ff4b1f 100%);
  background-image: linear-gradient(90deg, #ffe000 0%, #ff4b1f 100%);
  color: #333;
}

/* gradient for buttons */
/* .hp-middle-form .elementor-button{
  background: linear-gradient(90deg, #ffe000 0%, #ff4b1f 100%);
  background-image: linear-gradient(90deg, #ffe000 0%, #ff4b1f 100%);
  color: #333;
} */
.bullet-list-insights-icon ul {
  list-style-type: none;
  padding-right: 0;
  padding-left: 0;
}

.bullet-list-insights-icon ul li {
  padding-right: 40px;
  background-image: url("/wp-content//themes/hello-theme-child-master/images/insights-bullet.png");
  background-repeat: no-repeat;
  background-position: right top;
  list-style-position: outside;
  direction: rtl;
  text-align: right;
  vertical-align: top;
  padding-top: 3px;
  background-size: 27px 27px;
  background-position-y: 7px;
}

@media (max-width: 767px) {
  .elementor-element.elementor-element-ae24e40.elementor-nav-menu__align-center.elementor-nav-menu--stretch.elementor-nav-menu__text-align-center.elementor-nav-menu--dropdown-tablet.elementor-nav-menu--toggle.elementor-nav-menu--burger.elementor-widget.elementor-widget-nav-menu {
    background: #fff;
  }
  .elementor-5682
    .elementor-element.elementor-element-ae24e40
    div.elementor-menu-toggle {
    color: #000000;
    margin: 0;
  }
  .atr-custom-social-icons a {
    margin-left: 5px;
    display: block;
  }
}

/* Menu */
.elementor-5688
  .elementor-element.elementor-element-ef5459c
  .elementor-nav-menu--main
  .elementor-item:hover,
.elementor-5688
  .elementor-element.elementor-element-ef5459c
  .elementor-nav-menu--main
  .elementor-item.elementor-item-active,
.elementor-5688
  .elementor-element.elementor-element-ef5459c
  .elementor-nav-menu--main
  .elementor-item.highlighted,
.elementor-5688
  .elementor-element.elementor-element-ef5459c
  .elementor-nav-menu--main
  .elementor-item:focus {
  color: #d55116;
  fill: #d55116;
  color: transparent;
  background: linear-gradient(90deg, #ffe000 0%, #ff4b1f 100%);
  background-image: linear-gradient(90deg, #ffe000 0%, #ff4b1f 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
/* Page odot counts */
.odd-grid-item-last-centered .elementor-widget-container {
  border: none !important;
}

.features-count-number {
  font-weight: 600;
  font-size: 80px;
  margin: 0;
}
.features-count-text {
  font-weight: 400;
  font-size: 24px;
}
@media (max-width: 767px) {
  /* Adjust breakpoint if needed */
  .odd-grid-item-last-centered {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    width: calc(50% - 0); /* Adjust 'some-margin' */
    margin: 0 auto;
    text-align: center; /* To center the text content within its narrower container */
    max-width: 50% !important;
  }
  .e-con-inner
    > .elementor-element:nth-child(even)
    > .elementor-widget-container {
    border: none !important;
  }
  .features-count-number {
    font-weight: 600;
    font-size: 50px;
    margin: 0;
  }
  .features-count-text {
    font-weight: 400;
    font-size: 15px;
  }
}
.elementor.elementor-5699.elementor-location-footer a {
  color: #dadada;
}

/* portfolio page */
.post-6998 .elementor-portfolio-item__img.elementor-post__thumbnail {
  position: relative; /* Needed for absolute positioning of the fade element */
  display: inline-block; /* Or block, depending on your layout */
}

.post-6998 .elementor-portfolio-item__img.elementor-post__thumbnail img {
  display: block; /* Prevent extra space below inline images */
  width: 100%; /* Make the image responsive within its container */
  height: auto;
}
.post-6998 .elementor-portfolio-item__img.elementor-post__thumbnail:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 180px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 1)
  );
  pointer-events: none;
}

.elementor-portfolio-item__overlay {
  opacity: 1 !important;
  background-color: transparent !important;
  justify-content: flex-end !important;
}

.elementor-portfolio-item__title {
  color: #000;
  font-size: 34px;
  font-weight: 700 !important;
}
.what-we-did ul {
  padding: 0 24px 0 0;
}

/* FAQ contact page */
.e-n-accordion-item {
  border-radius: 15px;
}
/* Style the title (summary) of the OPENED accordion item */
.e-n-accordion-item[open] > .e-n-accordion-item-title {
  background-color: transparent;
  border-bottom: none;
  border-radius: 0;
  border-color: #ffe000;
}

/* Style the icon within the title of the OPENED accordion item */
/* You might need to inspect the icon element more precisely.
 Assuming it's a child of the summary, or inside a common span/i tag. */
.e-n-accordion-item[open]
  > .e-n-accordion-item-title
  .elementor-accordion-icon {
  color: #ff5722; /* Orange icon color */
  transform: rotate(180deg); /* Example: rotate icon when open */
  transition: transform 0.3s ease; /* Smooth transition for icon rotation */
}

/* Style the content (div role="region") of the OPENED accordion item */
/* We target the div that comes immediately after the summary */
.e-n-accordion-item[open] > div[role="region"] {
  padding: 20px;
  margin-top: -1px;
  border-color: #ffe000;
  border-top: none;
}

/* Optionally, style the entire opened details tag */
.e-n-accordion-item[open] {
  border-color: #ffe000;
  overflow: hidden;
  background-image: linear-gradient(85deg, #ffe000 0%, #ff4b1f 95%);
}

/* Basic styles for the title when it's NOT open (to reset or define defaults) */
.elementor-widget-n-accordion .e-n-accordion-item-title {
  background-color: #ffffff;
  color: #333333;
  padding: 15px 20px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eee;
  border-radius: 15px;
}

/* Basic styles for the content when it's NOT open (primarily for default hidden state,
 but you might add padding or transitions here if needed, though native details handles hide/show) */
div[role="region"] {
  /* Any default padding or styling you want for the content area */
  padding: 0 20px; /* Example: horizontal padding */
  overflow: hidden; /* Good practice for content areas */
}
/* remove slider arrows on home page */
body.rtl.page-id-2227 .elementor-widget-slides .elementor-swiper-button-prev,
body.rtl.page-id-2227 .elementor-widget-slides .elementor-swiper-button-next {
  display: none;
}
body.page-id-6998 {
  background-image: url(https://talkabout.co.il/wp-content/uploads/2025/05/group-19875.jpg);
  -moz-osx-font-smoothing: grayscale;
  background-repeat: no-repeat;
  background-position-y: 31vh;
}
@media (max-width: 767px) {
  body.page-id-6998 {
    background-image: url(https://talkabout.co.il/wp-content/uploads/2025/07/group-19875-width-900px.jpg);
  }
}

/**
* Hide title on single post
*/
.single-post .entry-title, .single-post .page-header {
    display: none !important;
}
.form-white-bg label {
    color: #000 !important;
}