/*
Theme Name: Hadarim - Child Theme
Template: generatepress
Theme URI: https://dmdesign.co.il
Author: Dan Stramer
Author URI: https://dmdesign.co.il
Description: This is a child theme for GeneratePress for use in jumpstarting more customized development.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gpc
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, fixed-layout, responsive-layout, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

/*

CONTENTS:
1. Defaults
2. Header and Nav
3. Home Page
4. Content
5. Components
6. Widgets
7. Footer
8. Other
9. Animations

*/

/* ==========================================
=! DEFAULTS
------------------------------------------ */

/* Site Wrapper */
.site-wrapper {
    width: 100%;
    max-width: 1920px;
    margin-inline: auto;
}

body {overflow-x: hidden;}

.site-header {padding:inline: clapm(1rem, 0.848rem, 0.758vw, 1.5rem);}

/* Text Balance / Pretty */
:is(h1, h2, h3, h4, h5, h6), .balance { text-wrap:balance;}
p, blockquote. li {text-wrap:pretty;}
p:last-child:last-of-type {margin-bottom: 0;}

.line-limit-3, .line-limit-2 {
	display:-webkit-box;
	-webkit-box-orient: vertical;
	overflow:hidden;
}
.line-limit-3 {-webkit-line-clamp:3;}
.line-limit-2 {-webkit-line-clamp:2;}

.transition {transition: all ease-in-out 0.25s}

.true-full-width .inner-page-content {padding-top:0; padding-bottom:0;}

/* ==========================================
=! HEADER AND NAV
------------------------------------------ */
/*Move mobile close button to the left*/
:where(.gb-navigation[data-gb-mobile-menu-type=full-overlay]) .gb-menu-container--mobile .gb-menu-toggle--clone {left:20px !important; right:auto !important;}

header nav.gb-navigation .menu-item a.gb-menu-link {display: flex; position: relative; z-index: 5;}
header nav.gb-navigation .menu-item a::before { content: '';
    display: block;
	border-radius: 4px;
    width: 0;
    height: 37px;
    background: #3c93be7a;
    transition: all .3s;
	position: absolute;
	top:10px;
	right:0;
	z-index: -1;
	
margin-top:0px;}
header nav.gb-navigation .menu-item a:hover::before {    width: 100%;}
header nav.gb-navigation .menu-item.current_page_item > a::before { background: #f5a623; width: 100%;border-radius: 4px; }

header nav.gb-navigation .menu-item ul.sub-menu a::before {display: none;}

@media(max-width:768px){
	
	header nav.gb-navigation .menu-item a::before {top:2px; height: 32px;}
}

.gb-menu--base .gb-sub-menu {overflow: hidden; border-radius: 0 0 4px 4px; 
	box-shadow: 0 7px 33px -5px rgba(0,0,0,0.5);}
.gb-menu--base .gb-sub-menu li:last-of-type a{border:none;}

/*Sticky modifications*/
header.gb-is-sticky {
    box-shadow: 0px 14px 30px -12px rgba(0, 0, 0, 0.4) !important; padding:5px 10px; transition:all ease 0.3s;}
header.gb-is-sticky img {height:40px}
header.gb-is-sticky .top-menu {display:none;}
header.gb-is-sticky nav {padding-top:0;}

/* ==========================================
=! HOME PAGE
------------------------------------------ */

/*/////// Slider ///////////// */

#home-slider-list,
#home-slider-list .slide-item {
	height: 41.6vw;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}

#home-slider-list .slide-item a {
	display: block;
	width: 100%;
	height: 100%;
}

#home-slider-list .slide-item img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

#home-slider-list .slick-arrow {
	position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-20%);
    font-size: 0;
    border: 0;
    padding: 0;
    background: none;
    width: 85px;
    height: 85px;
	outline: none;
	cursor: pointer;
	opacity: 1;
	transition: all .45s;
}

#home-slider-list:hover .slick-arrow {
	opacity: 1;
}

#home-slider-list .slick-arrow:before {
	content: '';
    background: var(--home-slider-arrow-default) no-repeat center center;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 72%;
    left: 0;
    top: 0;
    opacity: .92;
	transition: all .5s;
}

/* Hover */
#home-slider-list .slick-arrow:hover:before {
  background-image: var(--home-slider-arrow-active);
  opacity: 1;
}

/* Active / Click (mousedown) */
#home-slider-list .slick-arrow:active:before {
  background-image: var(--home-slider-arrow-active);
  opacity: 1;
}

/* Optional: keyboard focus accessibility */
#home-slider-list .slick-arrow:focus-visible:before {
  background-image: var(--home-slider-arrow-active);
  opacity: 1;
}



#home-slider-list .slick-arrow:hover:before {
	opacity: 1;
}

#home-slider-list .slick-arrow.slick-prev {
	    right: 15px;
}

#home-slider-list .slick-arrow.slick-prev:before {
	    transform: rotate(180deg);
}

#home-slider-list .slick-arrow.slick-next {
	left: 15px;
}


@media(max-width:768px){
	#home-slider-list .slick-arrow {display: none !important;}
	
}
/*Pie Calendar Modifications*/


/*label.piecal-controls__view-chooser {display:none;}*/
.piecal-wrapper {border-radius: 20px; background: #fff; padding: 20px;}
.piecal-controls.fc .piecal-controls__navigation-button-group {margin-right:auto; margin-left:0 !important; gap:5px}

.piecal-controls.fc .piecal-controls__view-chooser select {font-size: 16px; height: 44px; color: #333;}
.piecal-controls.fc .piecal-controls__today-button {margin-left:10px;}

.piecal-controls.fc .piecal-controls__prev-button {border-radius:0 10px 10px 0 !important;}
.piecal-controls.fc .piecal-controls__next-button {border-radius: 10px 0 0 10px !important;}

.fc-daygrid-day-events .fc-daygrid-dot-event .fc-event-title {font-size:14px; line-height:1.3; font-weight: 400;}

.fc-daygrid-day-frame .fc-daygrid-day-top {flex-direction: row !important;} /*place the date number on the right*/
.fc .fc-daygrid-day-number {color:#666; text-decoration: none;}
th.fc-day a {text-decoration: none; color:#333;}
.piecal-popover .piecal-popover__title {font-size: 1.2rem; line-height: 1.2;}
a.piecal-popover__view-link:link,
a.piecal-popover__view-link:visited{padding: 4px 20px; background-color:#6099C1; color: #fff; border-radius: 6px; transition: all ease 0.25s; text-decoration: none;}
a.piecal-popover__view-link:hover,
a.piecal-popover__view-link:active {background-color: #FF7E0E;}

.piecal-popover .piecal-popover__close-button {position: absolute; left:10px; top:10px; z-index: 55; background: none;}
.piecal-popover .piecal-popover__inner {max-width: 500px;}


.fc .fc-daygrid-day.fc-day-today {background-color: rgb(40 178 255 / 15%) !important; }
.fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover {    background: rgb(255 255 255 / 88%) !important;}

.piecal-wrapper.piecal-wrap-event-titles .fc-event {padding:4px;}

.fc-daygrid-event-dot {display: none !important;} /*Remove the DOT */
.fc-direction-rtl .fc-daygrid-event .fc-event-time {font-weight: bold; color:#30556e;}

.piecal-popover .piecal-popover__meta {display: flex;}



/* ============= Pie Calendar mobile fix ============== */

@media (max-width: 767px) {

  html,
  body {
    overflow-x: hidden;
  }

  .piecal-wrapper,
  .piecal-wrapper .fc {
    max-width: 100%;
    overflow-x: hidden;
  }

  .piecal-wrapper .fc-popover,
  .piecal-wrapper [class*="popover"] {
    max-width: calc(100vw - 32px) !important;
    width: calc(100vw - 32px) !important;
    left: 16px !important;
    right: 16px !important;
    transform: none !important;
    box-sizing: border-box;
  }

  .piecal-wrapper .fc-popover *,
  .piecal-wrapper [class*="popover"] * {
    box-sizing: border-box;
  }

  .piecal-popover-featured-link,
  .piecal-popover-featured-image {
    max-width: 100%;
  }

  .piecal-popover-featured-image {
    width: 100%;
    height: auto;
    display: block;
  }
	
	
	.piecal-controls__navigation-button-group button.piecal-controls__back-to-month {font-size: 12px;}
	
	.piecal-wrapper .fc .fc-list-event-title {align-items: flex-start !important;}
	
	.piecal-wrapper .fc .fc-list-event-title .piecal-list-thumb {width:130px;}
	.piecal-wrapper .fc .fc-list-event-title a {font-size: 13px;}
	
	
}


/* ==========================================
=! CONTENT
------------------------------------------ */

/* Hide fallback image when post has a featured image */
.gb-loop-item.has-post-thumbnail a:nth-of-type(2) {
	display: none;
}

/*English Pages /////////////////////// */

body.english-page .site-content {direction: ltr;}
/*body.english-page .site-content p {max-width: 80ex;}*/

.gb-menu-container li.english ul {direction: ltr;}


/* ==========================================
=! COMPONENTS
------------------------------------------ */
/*Contact Form*/
.wpcf7 textarea {height: 80px;}
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"] {direction: rtl;}

.wpcf7 input[type="submit"] {border-radius: 8px; padding:10px 50px; }

.wpcf7 input, .wpcf7 textarea {border:none;}

.wpcf7 input[type="email"],
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {border-bottom: 2px solid #333; padding:5px 0;}


/*Newsletter in Footer*/
.nl-footer {
   
}

.nl-footer  {
    max-width: 1000px;
    margin: 0 auto;
}

.nl-footer h3 {
    float: right;
    margin: 0;
    color: #fff;
}
.nl-footer .wpcf7 .field-group {display: flex; flex-direction: column; justify-content: center; row-gap: 25px;}

.nl-footer .wpcf7 .submit {margin:15px auto; text-align: center; }
.nl-footer .wpcf7 .submit input[type="submit"]{border-radius: 8px;}
.nl-footer .wpcf7 .submit input[type="submit"]:hover {background-color: #F5A623;}
.nl-footer .wpcf7 .submit .wpcf7-spinner {display: block;}

.nl-footer .wpcf7 input[type="submit"] {
    padding: 7px 30px;
    background: #133c58;
}

.nl-footer .wpcf7 input[type="text"], .nl-footer .wpcf7 input[type="email"] {
    border: 0;
	direction: rtl;
    border-radius: 8px;
	background-color: #fff;
	padding: 5px 10px;
}

@media(max-width:768px){
	
	.nl-footer .wpcf7 input[type="text"], .nl-footer .wpcf7 input[type="email"] {
		max-width:280px;
}
}


.gb-overlay .nl-footer .wpcf7 input[type="text"], .gb-overlay .nl-footer .wpcf7 input[type="email"] {border:1px solid #666;}

.gb-overlay .submit {margin:25px auto; max-width: 300px; text-align: center;}

/* --- fixes potential theme css conflict --- */
.acf-map img {
    max-width: inherit !important;
}

/* --- responsive embed --- */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* --- breadcrumbs --- */
.breadcrumbs {
    font-size: 14px;
    margin-bottom: 10px;
}

/* ==========================================
=! WIDGETS
------------------------------------------ */

/* --- GPC Sub Menu Widget --- */
.widget_gpc_sub_menu_widget .dropdown-menu-toggle { display: none; }
.widget_gpc_sub_menu_widget .menu-item-has-children .sub-menu { margin-left: 1.2em; }
.widget_gpc_sub_menu_widget .menu-item-has-children .sub-menu li { list-style: disc; }
.widget_gpc_sub_menu_widget .current-menu-item > a { font-weight: bold; }

/* ==========================================
=! FOOTER
------------------------------------------ */



/* ==========================================
=! OTHER
------------------------------------------ */
/* ======================================================
   Site Notification Bar (ACF Options)
====================================================== */
.site-notice {
  background: var(--notice-bg, #111);
  color: var(--notice-text, #fff);
  font-size: 1.3rem;
  line-height: 1.35;
	text-align: center;
}

.site-notice__inner {
  max-width: 1200px; /* adjust to your site container */
  margin: 0 auto;
  padding: 10px 16px;
}

/* Make WYSIWYG output behave like a banner */
.site-notice__inner > *:first-child { margin-top: 0; }
.site-notice__inner > *:last-child { margin-bottom: 0; }
.site-notice__inner p { margin: 0; }

/* Links */
.site-notice a {
  color: var(--notice-link, var(--notice-text, #fff));
  text-decoration: underline;
  text-underline-offset: 2px;
}
.site-notice a:hover,
.site-notice a:focus {
  text-decoration-thickness: 2px;
}



/* ==========================================
=! ANIMATION
------------------------------------------ */

/* --- do all the preload stuff --- */
@media (min-width: 768px) {
    .preload * {
        -webkit-transition: none !important;
        transition: none !important;
        -webkit-animation: none !important;
        animation: none !important;
    }
    .has-js .prep-animation,
    .has-js .prep-scroll-animation {
        visibility: hidden;
    }
    .has-js .do-animation,
    .has-js .do-scroll-animation {
        visibility: visible;
    }
}

/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

 @media (min-width: 768px) {
     .fade-in-left {
         -webkit-animation: fade-in-left 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
                 animation: fade-in-left 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     }
     
     .fade-in {
         -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
                 animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     }
     
     .fade-in-bottom {
         -webkit-animation: fade-in-bottom 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
                 animation: fade-in-bottom 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     }
     
     .fade-in-right {
         -webkit-animation: fade-in-right 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
                 animation: fade-in-right 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     }
 }

/* --- animation fade-in-left --- */
@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-75px);
                transform: translateX(-75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-75px);
                transform: translateX(-75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}

/* --- animation fade-in --- */
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* --- animation fade-in-bottom --- */
@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(75px);
                transform: translateY(75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(75px);
                transform: translateY(75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
}  

/* --- animation fade-in-right --- */
@-webkit-keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(75px);
                transform: translateX(75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(75px);
                transform: translateX(75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}
  
  
/* --- delay classes --- */
.delay-250 {
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms;
}
.delay-500 {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}
.delay-750 {
    -webkit-animation-delay: 750ms;
    animation-delay: 750ms;
}
.delay-1000 {
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
}
.delay-1250 {
    -webkit-animation-delay: 1250ms;
    animation-delay: 1250ms;
}
.delay-1500 {
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms;
}