/* 
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: Eldad Nachtomi
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.4
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 */

body {
	font-family: "DM Sans", Sans-serif;
}

.site-header {
	position: absolute;
	z-index: 1;
	width: 90%;
	left: 5%;
	right: 5%;
}

.page-header { 
	display: none; 
}

#site-header .site-logo.show a img {
	max-width: 200px;
}


.site-navigation ul.menu li ul {
	background: transparent;
	width: 300px;
}

.site-navigation ul.menu li ul li {
	border-bottom: none;
}

.site-navigation ul.menu li a,
.site-navigation ul.menu li ul li a {
	text-transform: uppercase;
	font-weight: 300;
}

.site-navigation ul.menu li.menu-item-has-children:after {
	color: white;
}

.site-navigation ul.menu li a {
	font-size: 18px;
}

.site-navigation ul.menu li ul li a {
	font-size: 16px;
}

.kld-contact-wrap label {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.kld-contact-wrap input,
.kld-contact-wrap textarea {
	font-size: 20px;
	padding: 15px 0;
	background: transparent;
}

.kld-contact-wrap textarea {
	height: 65px;
}

.kld-contact-wrap input,
.kld-contact-wrap textarea,
.kld-contact-wrap input:hover,
.kld-contact-wrap textarea:hover,
.kld-contact-wrap input:active,
.kld-contact-wrap textarea:active,
.kld-contact-wrap input:focus,
.kld-contact-wrap textarea:focus,
.kld-contact-wrap input:focus-visible,
.kld-contact-wrap textarea:focus-visible {
	color: white;
	border: none;
	border-bottom: 2px solid #BBBBBB;
	border-radius: 0;
	outline: none;
}

.kld-contact-submit {
	margin-top: 30px;
}

.kld-contact-wrap input[type=submit] {
	background: black;
	border: 2px solid white !important;
	display: block;
	width: 100%;
	padding: 15px;
	font-size: 20px;
	font-weight: 500;
}
.kld-contact-wrap input[type=submit]:hover {
	background-color: #1649FF;
	border: 2px solid #1649FF !important;
}

.kld-contact-wrap input::placeholder,
.kld-contact-wrap textarea::placeholder {
  color: #BBBBBB;
  opacity: 1; /* Firefox */
}

.kld-contact-wrap input:-ms-input-placeholder,
.kld-contact-wrap textarea:-ms-input-placeholder {
  color: #BBBBBB;
}

.kld-contact-wrap input::-ms-input-placeholder,
.kld-contact-wrap textarea::-ms-input-placeholder {
  color: #BBBBBB;
}

body #breadcrumbs span,
body #breadcrumbs span a {
	font-size: 16px;
}

@media screen and (min-width: 1024px) {
	#site-header .site-logo.show {
		margin-left: 50px;
	}
}

@media screen and (max-width: 1024px) {
	.site-navigation-toggle-holder .site-navigation-toggle {
		color: white;
		padding-top: 0;
	}

	.kld-breadcrumbs {
		position: relative;
		z-index: 112;
		top: 100px;
	}
}

@media screen and (max-width: 768px) {
	body .site-header {
		width: 100%;
		left: 0;
		right: 0;
	}

	#menu-top-nav {
		height: 100vh;
	}

	.site-navigation-dropdown ul.menu,
	.site-navigation-dropdown ul.menu li a {
		background: black;
	}

	.site-navigation-dropdown ul.menu li a {
		color: white;
	}

	.site-navigation-dropdown ul.menu li .sub-menu li a {
		padding-left: 40px;
	}
}

.kld-top-nav-logo img {
	position: relative;
	top: 8px;
}

@media screen and (min-width: 1024px) {
	.kld-top-nav-logo img {
		top: 14px;
	}
}

@media screen and (max-width: 1024px) {
	.kld-top-nav-logo a {
		position: relative;
		z-index: 55;
	}
	.top-nav-phone a {
	  position: relative;
	  right: 50px;
	  top:  -35px;
	  display: flex;
	  justify-content: flex-end;
	}

	.elementor-3332 .elementor-element.elementor-element-1aa31abf {
		height: 60px;
	}
	.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container,
	.elementor-3332 .elementor-element.elementor-element-7ade9d4 .elementor-menu-toggle {
		position: relative;
		top: -70px;
	}
	.elementor-3332 .elementor-element.elementor-element-7ade9d4 .elementor-menu-toggle {
		right: 10px;
	}
}

@media screen and (min-width: 768px) {
	.elementor-3332 .elementor-element.elementor-element-535ca4d0 {
		width: 65%;
	}
}

/* Blog updates */
.single-post strong {
	font-weight: bold;
}