/*
Theme Name: GP Developer 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
------------------------------------------ */
:root {
  --helios-white: #FFFFFF;
 
	--helios-pale:#EFE7E2;
	--helios-beige:#E1C8BB;
	--helios-rose:#C39C95;
	--helios-midnight: #4F484D;
  --helios-grey:#ABA8A3;
	--helios-light-grey:#DDDCDA;
	  
			
		/* background-color: var(--light-brown);  */
}

@font-face {
    font-family: 'General Sans';
    src: url('fonts/GeneralSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
	font-display: swap;

}
	
	@font-face {
    font-family: 'General Sans';
    src: url('fonts/GeneralSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}
	
	@font-face {
    font-family: 'General Sans';
    src: url('fonts/GeneralSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}
	
	@font-face {
    font-family: 'General Sans';
    src: url('fonts/GeneralSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
	
		@font-face {
    font-family: 'General Sans';
    src: url('fonts/GeneralSans-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}


/* 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}



/* ==========================================
=! HEADER AND NAV
------------------------------------------ */

.gb-menu li.find-a-clinic {background-color:var(--helios-rose); box-shadow: 0 0px 12px 6px rgba(0,0,0,.2); }
.gb-menu li.find-a-clinic:hover {background-color:#ffffff;}

header nav.gb-navigation,
header nav.gb-navigation ul.gb-menu,
header img {transition:all ease 0.4s;}


header {transition:ease all 0.2s;}
header.gb-is-sticky nav.gb-navigation {padding:5px 20px 5px;}
header.gb-is-sticky nav.gb-navigation ul.gb-menu {column-gap:10px;}
header.gb-is-sticky img {height: 30px; width:auto; transform: translateY(-4px)}

header.gb-is-sticky nav.gb-navigation li.gb-menu-item a.gb-menu-link {font-size: 14px;}
.site-wrapper header.gb-is-sticky {box-shadow: 1px 6px 19px -3px rgba(0,0,0,0.4); border-bottom: 1px solid #5e5e5e;}
/* ==========================================
=! HOME PAGE
------------------------------------------ */



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

	.site-content h3, .site-content h4, .site-content h6 {font-family: "General Sans", serif; font-style:normal;}
	.site-content h5{font-family: "General Sans", serif; font-weight:600; font-style:normal;}
	
	.site-content h1 {font-size: clamp(2.8rem, 1.6rem + 1.6vw, 4rem); font-family: "General Sans", serif; font-weight:500; font-style:normal;}
	.site-content h2 {font-size: clamp(2.5rem, 0.85rem + 3.6vw, 3.5rem);} /* https://clamp.font-size.app */
	/*.site-content h3 {font-size:24px;}
	.site-content h4 {font-size:20px;}*/
	.site-content ul li{font-family: "General Sans", serif; font-weight:400; font-style:normal; }
	
	.site-content ul.content {margin:2em 0 0 1.2em;}
	
		
	ul.content li::marker { color: var(--noon-light-brown); 
}
	.site-content ul.content li {margin-bottom:10px; list-style-type: square;}
	
	.noon-box h3 { font-family: 'General Sans' !important;}
	
	.device .wpcf7 input[type="submit"] {
    background-color: var(--noon-gold);
    font-weight: normal;
    font-style: normal;
}
	.device .wpcf7 input[type="submit"]:hover {
    background-color: var(--noon-light-brown);
	 
	}
	@media(min-width:768px){
	ul.two-columns.content {display:flex; column-gap:50px; flex-wrap:wrap; row-gap:15px;}
		ul.two-columns.content li {flex:0 1 45%}
	}
		.background-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
}

.background-video-content {
    position: relative;
    z-index: 1;
}

video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
	
	/* ///////Sliders //////// */
	.before-after-image-slider-advanced-pagination {display:none;}
	.before-after-image-slider-advanced-wrapper {flex-direction:column-reverse;  padding:0; gap:0; }
	.before-after-image-slider-advanced-images-wrapper {width:65%;}
	.before-after-image-slider-advanced-title .title h3 {margin:0; font-size:16px !important; font-family: 'General Sans'; font-weight: 500;}
	.before-after-image-slider-advanced-description p {font-size:14px;}
	.before-after-image-slider-advanced-title {max-width:100%;}
	.before-after-image-slider-advanced-meta {max-width:807px; align-items:flex-end; position:relative; z-index:100;width:65%; display:flex; justify-content:space-between; margin-top:10px;}
	
.before-after-image-slider-advanced-images img {border-radius:18px;}

	.before-after-image-slider-advanced-arrrow {
		position:absolute; 
		bottom:0px; 
		right:auto; 
		left: -410px;
		width:90px}
	.before-after-image-slider-advanced-btn {position:absolute;background:#C39C95; box-shadow:none; width:40px; height:40px; border:none;}
	.before-after-image-slider-advanced-btn img {display:none;}
	.before-after-image-slider-advanced-prev {transform:translatex(0px); left:0;}
	.before-after-image-slider-advanced-next {transform:translatex(105px); right:0;}
	
	.before-after-image-slider-advanced-next:before,
	.before-after-image-slider-advanced-prev:before{
		content: "";
    position: absolute;
    left: 7px;                /* adjust as needed */
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;		
	}
		.before-after-image-slider-advanced-prev:before{
    /* Triangle pointing LEFT */
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 18px solid white;  /* White triangle */
		
	}
	
	.before-after-image-slider-advanced-next:before{
		 border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 18px solid white; /* visible triangle */
		left:13px;
	}

.helios-slider-box p {text-wrap:pretty;}
	/**/
	/*.before-after-image-slider-advanced-images-wrapper {max-width:100%;}*/
	
	
	/*Video Slider*/
	.helios-video-slider .slider.alignfull {margin:auto;overflow-x:visible;}
	.helios-video-slider .slider.alignfull .slides .item{background:none; box-shadow:none; margin:0;}
	
	.helios-video-slider .slider.video img.slick-arrow {background:none; width:auto; height:30px; border-radius:0; backdrop-filter:none;}
	
	
	/*.helios-video-slider .slider.video .play-button {display:none;}*/



.slider.video .slides .item {background: #fff; box-shadow: 4px 7px 21px -11px #838383;/*padding: 20px 20px 80px 20px;*/ text-align: center; margin: 0 15px; position: relative; transition:all ease 0.2s; padding: 0;}

.slider.video .slides .item:hover {transform: translateY(-5px)}

.slider.video .slides .item .play-button img{width:46px; height: 46px; position: absolute; left:10px; bottom:10px;opacity: 0.7; transition: all ease 0.2s; box-shadow: 0 0px 6px 2px rgba(0,0,0,.4); border-radius: 50%;}
.slider.video .slides .item .play-button img:hover {transform: scale(1.05);}

.slider.video .slides img {
	 height: 400px;
	 width: auto;
	 border-radius:4px;
	padding:0;
	/* padding: 20px;*/
}


	.helios-video-slider .slider.alignfull .slides .slick-next {right:-110px;}
	.helios-video-slider .slider.alignfull .slides .slick-prev {left:-105px;}
	.helios-video-slider .slider.video .slick-dots {display:none !important;}
	
	@media (max-width: 1280px) {
    .before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-meta {
        width:50%;
    }
		    .before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-images-wrapper {
        width: 50%;
    }
		.video-wrapper {max-width:100%; min-width:inherit;}
		.before-after-image-slider-advanced-arrrow {top:-15vw;}
}
	
		@media (max-width: 600px) {
			
.helios-slider-container {color: var(--helios-midnight); font-size: 16px;box-shadow: 0px 0px 18px 0px rgba(166, 110, 96, 0.23); border:1px solid #d9d9d9; border-radius: 14px;background:#FFF; padding:10px;
					
			}

.helios-slider-container .before-after-image-slider-advanced-arrrow {
				position:absolute; top:auto; right:auto; max-width:99%; margin:0 auto; z-index:555;
				transform:translatey(15px); width:100%;
			}
			
		.helios-slider-container .before-after-image-slider-advanced-btn {position:relative;}
.helios-slider-container	.before-after-image-slider-advanced-next {position:absolute; right:77px;}
.helios-slider-container	.before-after-image-slider-advanced-prev {position:above; left:64px;}
			
			.helios-slider-container	.helios-box-shadow.helios-slider-box {box-shadow:none; border:none; background:none; padding:0;}
		
.before-after-image-slider-advanced-wrapper {max-width:100%;}
.before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-meta {       width:100%; overflow-x:hidden;
    }
.before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-images-wrapper { width: 100%; }
.before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-title .title h3 {font-size:20px !important; margin-bottom:5px;}
			.before-after-image-slider-advanced-title {max-width:190px; line-height:1.2;}
			.before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-description {max-width:55%; line-height:1.1;}
			
			.before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-description p {font-size:15px !important;}
.before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-description p:first-of-type,
.before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-description p:last-of-type{display:none;}

.slider.video img.slick-arrow {display:none !important;}
			
			
			
}
	
	


/* ==========================================
=! COMPONENTS
------------------------------------------ */
/*////////////Store locator ///////////////*/

#sl_div {background: #ffffff;}
#sl_div #address_search, #map_sidebar {padding:20px;}

#sl_div input[type="submit"]{background-color:#39888F; margin: 10px 0 5px; background: #000; border-radius:30px; padding:9px 30px;}
#sl_div input[type="submit"]:hover{background-color:#999;}
.slp_results_container div.results_entry span.location_name {color:#000;}
#sl_div form .search_item input.label_text {border-radius:28px; border:1px solid #333; margin-top:8px; margin-bottom: 8px;}

.store_locator_plus div#sl_div div#address_search div#radius_in_submit {padding-left: 0;}
	
	.store_locator_plus div#sl_div div#address_search LABEL,
	.store_locator_plus div#sl_div div#address_search{text-align: left; width:auto}

.slp_search_form .search_box,
.slp_search_form .search_box .search_item{flex-direction: column;}


#addy_in_radius {	
	background: #d9d9d9;
  border-radius: 29px;
  color: #000000;
  padding: 1px 10px;
  display: inline-block;
  min-width: 230px;
}
#addy_in_radius select {background-color: #ffffff; border:none;}


#map_sidebar .results_wrapper {border:none; border-bottom:1px solid #eee; transition:all ease 0.2s; border-radius:0}
#map_sidebar .results_wrapper:hover {background: #eee;}

.results_wrapper .results_entry {display: flex; justify-content: space-between; column-gap: 30px;}
.results_wrapper .results_entry > div {display: flex; flex-direction: column; flex: 1 0 0;}

.results_wrapper .results_entry .location_tertiary {text-align: right;}
.slp_results_container .results_wrapper .location_name {font-weight: 500;}
@media(min-width:768px){
	div#sl_div div#address_search LABEL {}
	div#sl_div div#address_search div#radius_in_submit {}
	
}


@media(max-width:767px){
	
	.results_wrapper .results_entry {flex-direction: column; grid-row-gap: 20px;}
	.results_wrapper .results_entry .location_tertiary {text-align: left;}
	#sl_div form .search_item input.label_text {max-width: 300px;}
}


/* --- 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
------------------------------------------ */
.site-footer a.helios-button {margin-left:0; margin-right: 0;}


/* ==========================================
=! OTHER
------------------------------------------ */



/* ==========================================
=! 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;
}