/*
Theme Name: Givat Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: givat
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: 'Cardinal-ExtraBold';
  src: url('https://givathashalvah.com/wp-content/uploads/givat-fonts/cardinal/Cardinal-ExtraBold.woff2') format('woff2'),
       url('https://givathashalvah.com/wp-content/uploads/givat-fonts/cardinal/Cardinal-ExtraBold.woff') format('woff'),
       url('https://givathashalvah.com/wp-content/uploads/givat-fonts/cardinal/Cardinal-ExtraBold.otf') format('opentype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'dia-regular';
  src: url('https://givathashalvah.com/wp-content/uploads/givat-fonts/dia/Dia-Regular.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'dia-bold';
  src: url('https://givathashalvah.com/wp-content/uploads/givat-fonts/dia/Dia-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
a.givat-header-left-btn {
    font-family: 'dia-bold', sans-serif !important;
    font-weight: 700;
}
h1,h2,h3,h4 {
	font-family: 'Cardinal-ExtraBold', sans-serif !important;
}
h1,h2,h3,h4,p,li,.givat-home-bnnervideo-box {
  opacity: 0;
  transform: translate(0%, 50px);
  animation-delay: 0.5s; /* optional */
}
h1.animated,h2.animated,h3.animated,h4.animated,p.animated,li.animated,.givat-home-bnnervideo-box.animated {
  animation: fadeUp 1s ease-out forwards;
}
@keyframes fadeUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
/* .animate-image {
	position: relative;
}
.animate-image:before {
    content: "";
    position: absolute;
	left: -5px;
    top: -5px;
    width: 105%;
    height: 105%;
    background: var(--overlay-bg, white);
	transform: rotateY(0deg);
}
.animate-image.animated:before {
	transform-origin: left;
	animation: foldRightToLeft 2s ease-out forwards;
}
@keyframes foldRightToLeft {
	to {
		transform: rotateY(90deg);
		opacity: 1;
	}
} */

a,p,span,div,li{
	font-family: 'dia-bold', sans-serif !important;
}
#footer a, #footer p, #footer div {
	font-family: 'dia-regular', sans-serif !important;
}
.reg-text {
	font-family: 'dia-regular', sans-serif !important;
}
.givat-header-videoicon-box iframe {
    width: 4vw;
    height: 4vw;
}
#header a.givat-header-left-btn {
    font-family: 'dia-bold', sans-serif !important;
    font-size: 1.05vw;
    color: black;
    text-decoration: underline;
}
.header-top {
    height: 3vw;
}
.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: 90% !important;
}
#logo {
    width: 14vw !important;
}
#logo img {
    max-height: 4vw !important;
}
.givat-home-bnnervideo-box {
    width: 100%;
    height: 100vh;
    position: relative;
	overflow: hidden;
}
div#masthead {
    height: 6vw;
}
.givat-home-bnnervideo-box .video-poster {
  position: absolute;
  inset: 0;
  background: url('https://i.vimeocdn.com/video/2097224056-3169d15bb027abb4f52ec34e19a957425ee0a90401a072a41f23eac1e7e5975e-d_2400?region=us') center/cover no-repeat;
  z-index: 1;
}
.givat-home-bnnervideo-box iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
	z-index: 2;
}
.givat-banner-content {
    position: absolute;
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
	justify-content: center;
    align-items: center;
    z-index: 3;
    text-align: center;
    top: 0;
    background: #00000026;
    row-gap: 13vh;
}
.givat-banner-content h1 {
    margin: 0;
    line-height: 0.85;
    text-transform: uppercase;
    color: #fff;
    font-size: 6vw;
}
.givat-banner-content a.hero-btn-undrstand {
    color: white;
    text-transform: uppercase;
    font-family: 'dia-bold', sans-serif !important;
    display: block;
    font-size: 1.8vw;
    text-decoration: underline;
}
.givat-home-bnnervideo-box p {
    margin: 0;
}
footer#footer {
    margin-top: 4vw;
}
.givat-footer-logo-box {
    text-align: center;
}
.givat-footer-logo-box h3 {
    font-family: 'dia-regular', sans-serif !important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1vw;
    letter-spacing: 2px;
    color: black;
    margin-bottom: 2vw;
}
.givat-footer-logo-box.gflb-left img {
    width: 5.5vw;
}
.givat-footer-logo-box.gflb-center img {
    width: 11vw;
}
.givat-footer-logo-box.gflb-right img {
    width: 6.5vw;
}
.absolute-footer .footer-text {
    font-size: 0.9vw;
    line-height: 1.2;
    color: #000;
    padding: 0;
    margin-top: 5vw;
    margin-bottom: 3vw;
}
.absolute-footer .copyright-footer {
    font-size: 0.9vw;
    line-height: 1.2;
    color: #000;
    padding: 0;
    margin-bottom: 1vw;
}
.givat-footer-videoicon-box iframe {
    width: 15vw;
    height: 15vw;
}
.footer-logo-area .givat-footer-logo-image img {
    margin-bottom: 4vw;
    margin-top: 10vw;
}
.givat-home-slider-section {
    margin-top: 10vw;
    margin-bottom: 10vw;
}
p.givat-bold-heading-type-text {
    text-align: center;
    color: black;
    font-size: 1.6vw;
    line-height: 1.2;
}
.givat_image_slider .flickity-slider {
    align-items: center;
    display: grid;
}
.givat_image_slider {
    width: 116vw;
    left: -8vw;
	margin-top: 2vw;
	margin-bottom: 5vw;
	text-align: center;
}
.givat_image_slider .givat_image_slider-imgbox {
    text-align: center;
    padding: 0;
}
.givat_image_slider .givat_image_slider-imgbox img {
    width: 65%;
}
.givat-every-home-section {
    padding-top: 8vw !important;
    padding-bottom: 8vw !important;
}
h2.givat-super-main-heading {
    font-size: 5vw;
    text-transform: uppercase;
    line-height: 0.9;
    color: black;
    margin-bottom: 0;
}
.every-home-boxes-outer {
	margin-top: 4vw;
}
.every-home-boxes-outer .col {
    border-left: 0.25vw solid black;
    text-align: center;
}
.givat-everyhome-box {
    margin: 5vw 8vw;
}
.givat-everyhome-box h3 {
    text-transform: uppercase;
    color: black;
    font-size: 3.5vw;
    margin-bottom: 2.5vw;
    line-height: 1;
}
.givat-everyhome-box p.gehb-text-bold {
    color: black;
    line-height: 1;
    margin-bottom: 2.5vw;
    font-size: 1.3vw;
}
.givat-everyhome-box p.gehb-text-reg {
    color: black;
    line-height: 1.2;
    font-size: 1.1vw;
    margin: 0;
}
.givat-home-comunity-design-section {
    margin-top: 12vw;
    margin-bottom: 12vw;
}
.givat-home-comunity-design-heading-area p.givat-bold-heading-type-text {
    margin-top: 5vw;
    margin-bottom: 3vw;
}
.givat-home-imagetxt-fullwidth .givat-home-imtxt-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 7vw;
}
.givat-home-imagetxt-fullwidth .givat-home-imtxt-box.left-txt-box .givat-home-imtxt-box-text {
    padding-left: 12vw;
	padding-right: 5vw;
}
.givat-home-imagetxt-fullwidth .givat-home-imtxt-box.right-txt-box .givat-home-imtxt-box-text {
    padding-left: 5vw;
	padding-right: 12vw;
}
.givat-home-imagetxt-fullwidth .givat-home-imtxt-box .givat-home-imtxt-box-text h2 {
    text-transform: uppercase;
    font-size: 4vw;
    color: black;
    line-height: 0.9;
    margin-bottom: 0;
}
.givat-home-imagetxt-fullwidth .givat-home-imtxt-box .givat-home-imtxt-box-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.givat-home-imtxt-box-text p.gehb-text-bold {
    color: black;
    font-size: 1.5vw;
    line-height: 1;
    margin-bottom: 2vw;
}
.givat-home-imtxt-box-text p.gehb-text-reg {
    color: black;
    font-size: 1.4vw;
    line-height: 1;
    margin-bottom: 1vw;
}
.givat-home-everything-thoughtfull-section {
    padding-top: 8vw !important;
    padding-bottom: 8vw !important;
}
.givat-home-everything-thoughtfull-headings p.givat-bold-heading-type-text {
    text-align: left;
    font-size: 2vw;
}
.givat-home-everything-zoomimge-text p.givat-bold-heading-type-text {
    font-size: 1.8vw;
    margin-top: 10vw;
    margin-bottom: 7vw;
}
.givat_everything_thoughtfull_slider-imgbox img {
    width: 5vw;
    height: 5vw;
}
.givat_everything_thoughtfull_slider-imgbox h3 {
    margin-top: 2vw;
    color: black;
    font-family: 'dia-bold', sans-serif !important;
    font-size: 1.6vw;
    margin-bottom: 5vw;
}
.givat_everything_thoughtfull_slider-imgbox p.reg-text {
    font-size: 1.4vw;
    color: black;
    line-height: 1.2;
	margin-bottom: 0;
}
.givat_everything_thoughtfull_slider_outer .givat_everything_thoughtfull_slider-imgbox {
    border-left: 0.15vw solid black;
    padding-top: 5vw;
    padding-left: 3vw;
    padding-bottom: 2vw;
    padding-right: 10vw;
}
.givat_everything_thoughtfull_slider_outer {
	margin-top: 5vw;
}
.givat_zoom_image_points {
	position: relative;
	width: 100%;
	cursor: pointer;
}
.givat_zoom_image_points .zoomable-img {
	width: 100%;
	transition: transform 0.3s ease;
	transform-origin: center center;
}
.givat_zoom_image_bullets {
    margin-top: 5vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.givat_zoom_image_bullets_points span {
    width: 2.8vw;
    background: #000;
    color: #fff;
    font-size: 1.5vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    margin-right: 1vw;
}
.givat_zoom_image_bullets p.givat_zoom_image_bullets_points {
    margin-bottom: 3vw;
    font-size: 1.4vw;
    font-family: 'dia-regular', sans-serif !important;
    color: black;
}
.givat-home-contact-form {
    margin-top: 10vw;
    margin-bottom: 10vw;
}
.givat-home-contact-form h2.givat-super-main-heading {
    margin-bottom: 5vw;
}
.givat-home-contact-form form.wpcf7-form {
    width: 50%;
    margin: auto;
}
.givat-home-contact-form form.wpcf7-form .wpcf7-form-control {
    padding: 0;
    border: 0;
    box-shadow: unset;
    border-bottom: 0.2vw solid #B9B9B9;
    color: black;
    font-size: 1vw;
    margin-bottom: 1.5vw;
    line-height: 1;
    height: 2vw;
    font-weight: 500;
    font-family: 'dia-regular', sans-serif !important;
}
.givat-home-contact-form form.wpcf7-form .wpcf7-form-control:focus {
	border-color: #000;	
}
.givat-home-contact-form form.wpcf7-form .wpcf7-form-control::placeholder { color: #B9B9B9; opacity: 1; }
.givat-home-contact-form form.wpcf7-form .wpcf7-form-control::-webkit-input-placeholder { color: #B9B9B9; }
.givat-home-contact-form form.wpcf7-form .wpcf7-form-control:-ms-input-placeholder { color: #B9B9B9; }
.givat-home-contact-form form.wpcf7-form .wpcf7-form-control::-ms-input-placeholder { color: #B9B9B9; }
.givat-home-contact-form form.wpcf7-form .wpcf7-form-control::-moz-placeholder { color: #B9B9B9; }
.givat-home-contact-form form.wpcf7-form .wpcf7-form-control.wpcf7-submit {
    padding: 1vw 2vw;
    line-height: 1;
    height: auto;
    border: 0;
    font-size: 1.2vw;
    margin: 0;
    margin-top: 2vw;
    background: black;
    color: white;
    text-decoration: underline;
}
.givat-home-contact-form form.wpcf7-form span.wpcf7-spinner {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
}
.givat-home-contact-form form.wpcf7-form textarea.wpcf7-form-control {
    padding-top: 2vw;
}
a.givat-whatsapp-chat-icon {
    width: 5vw;
    display: inline-block;
    position: fixed;
    right: 1vw;
    bottom: 1vw;
    z-index: 10;
}
.givat-home-contact-form form.wpcf7-form select.wpcf7-form-control {
    color: #B9B9B9;
}
.givat-video-popup {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.8);
  z-index: 9999;
}

.video-popup-content {
  position: relative;
  width: 90%;
  max-width: 90%;
  margin: 5% auto;
}

.givat-video-popup iframe {
  width: 100%;
  height: 80vh;
}

.givat-video-popup .close {
  position: absolute;
  top: -1vw;
  right: 0;
  font-size: 2vw;
  color: #fff;
  cursor: pointer;
}



@media only screen and (max-width: 768px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
div#masthead {
    height: 70px;
}
#logo {
    width: 150px !important;
}
	#logo img {
    max-height: 70px !important;
}
	.givat-header-videoicon-box iframe {
    width: 50px;
    height: 50px;
		margin-top: 10px;
}
	.header-main li.html.custom {
    display: unset;
}
	ul.mobile-nav i.icon-menu {
    font-size: 31px !important;
    color: black;
}
	.givat-banner-content h1 {
    font-size: 40px;
}
	.givat-banner-content a.hero-btn-undrstand {
    font-size: 18px;
}
	p.givat-bold-heading-type-text {
    font-size: 20px;
    margin-bottom: 30px;
}
	p.givat-bold-heading-type-text br {
    display: none;
}
	.givat-every-home-section {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
	h2.givat-super-main-heading {
    font-size: 40px;
}
	.every-home-boxes-outer .col {
    border-left: unset;
    border-top: 2px solid black;
    margin-top: 20px;
}
	.givat-everyhome-box h3 {
    font-size: 35px;
    margin-bottom: 20px;
}
	.givat-everyhome-box p.gehb-text-bold {
    margin-bottom: 20px;
    font-size: 18px;
}
	.givat-everyhome-box p.gehb-text-reg {
    font-size: 15px;
}
	.givat-everyhome-box {
    margin: 60px 30px;
}
	.givat-home-imagetxt-fullwidth .givat-home-imtxt-box {
    grid-template-columns: 1fr;
    margin-top: 40px;
		gap: 25px;
}
	.givat-home-imagetxt-fullwidth {
    max-width: 90%;
    margin: auto;
}
	.givat-home-imagetxt-fullwidth .givat-home-imtxt-box.right-txt-box .givat-home-imtxt-box-img {
    order: 2;
}
	.givat-home-imagetxt-fullwidth .givat-home-imtxt-box .givat-home-imtxt-box-text {
    padding: 0 !important;
}
	.givat-home-imagetxt-fullwidth .givat-home-imtxt-box .givat-home-imtxt-box-text h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
	.givat-home-imtxt-box-text p.gehb-text-bold {
    font-size: 16px;
    margin-bottom: 15px;
}
	.givat-home-imtxt-box-text p.gehb-text-reg {
    font-size: 15px;
}
	.givat-home-everything-thoughtfull-section {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
	.givat-home-everything-thoughtfull-headings p.givat-bold-heading-type-text {
    font-size: 15px;
    margin-bottom: 30px;
    margin-top: 20px;
}
	.givat_everything_thoughtfull_slider-imgbox h3 {
	margin-top: 25px;
    font-size: 18px;
    margin-bottom: 50px;
}
	.givat_everything_thoughtfull_slider-imgbox img {
    width: 50px;
    height: 50px;
}
	.givat_everything_thoughtfull_slider-imgbox p.reg-text {
    font-size: 14px;
}
	.givat_everything_thoughtfull_slider_outer .givat_everything_thoughtfull_slider-imgbox {
    border-left: 2px solid black;
    padding-left: 30px;
    padding-top: 40px;
    padding-bottom: 30px;
    padding-right: 50px;
}
	.givat-home-everything-zoomimge-text p.givat-bold-heading-type-text
 {
    margin-top: 40px;
    margin-bottom: 50px;
    font-size: 15px;
}
	.givat_zoom_image_bullets {
    margin-top: 50px;
    grid-template-columns: 1fr;
}
	.givat_zoom_image_bullets_points span {
    font-size: 20px;
    width: 40px;
    margin-right: 25px;
}
	.givat_zoom_image_bullets p.givat_zoom_image_bullets_points {
    margin-bottom: 25px;
    font-size: 20px;
}
	.givat-footer-logo-box h3 {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1;
}
	.givat-footer-logo-box.gflb-left img {
    width: 90px;
}
	.givat-footer-logo-box {
    margin-bottom: 60px;
}
	footer#footer {
    margin-top: 70px;
}
	.givat-footer-logo-box.gflb-center img {
    width: 150px;
}
	.givat-footer-logo-box.gflb-right img {
    width: 105px;
}
	.absolute-footer .footer-text {
    font-size: 11px;
    margin-top: 50px;
    margin-bottom: 30px;
}
	.absolute-footer .copyright-footer {
    font-size: 11px;
    margin-bottom: 10px;
}
	.givat-home-contact-form form.wpcf7-form {
    width: 100%;
}
	.givat-home-contact-form form.wpcf7-form .wpcf7-form-control {
    height: 25px;
    font-size: 14px;
    margin-bottom: 20px;
}
	.givat-home-contact-form form.wpcf7-form .wpcf7-form-control.wpcf7-submit {
    padding: 15px 30px;
    font-size: 15px;
    margin-top: 20px;
}
	.givat-home-contact-form h2.givat-super-main-heading {
    margin-bottom: 50px;
}
	.givat-home-contact-form {
    margin-top: 80px;
    margin-bottom: 80px;
}
	a.givat-whatsapp-chat-icon {
    width: 60px;
    right: 10px;
    bottom: 10px;
}
	.givat-video-popup .close {
  top: -40px;
  font-size: 40px;
}
	.video-popup-content {
  margin: 15% auto;
}
	.givat-video-popup iframe {
  height: 60vh;
}
	.givat-footer-logos-rw .col:nth-child(2) {
    order: -1;
}

}