/**
Theme Name: hmp
Author: Merav Ben Harush
Author URI: https://meravwebs.com
Template: oceanwp
Version:      1.0.0
***/

@font-face {
	font-family: open-sans-hebrew;
	  src: local("OpenSansHebrew-Regular"),
		   local("OpenSansHebrew-Regular"),
		   url(fonts/OpenSansHebrew-Regular.ttf);
}

body {
    font-family: "open-sans-hebrew" !important;
}

#site-navigation-wrap .dropdown-menu>li, body .oceanwp-row .col { float: right !important; }

/* Style the header */
#site-header {
  padding: 15px 16px;
  background: #555;
  color: #f1f1f1;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed !important;
  top: 0;
  width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}

.swiper-slide { max-height: 40vh !important; }

.home .page-header { display: none; }

.page-header .page-header-inner { border-bottom: 1px solid #707070; padding-bottom: 20px;}

.widget-title { padding-right: 0; }

.widget-title:after { border-bottom: 2px solid #e9322e; content: ''; display: block; width: 20%; padding-top: 10px;}

.yotu-videos>ul>li { width: 48% !important; margin: 1% !important; }

.yotu-videos h3, .yotu-video-description {  text-align: right; color: #000 !important; font-size: inherit !important; }

.sub-menu { text-align: right !important; }

a.yotu-button-prs, .wpcf7-submit { font-size: initial !important; }

.yotu-playlist { padding: 0px; }

.eael-simple-menu-container.preset-2 .eael-simple-menu.eael-simple-menu-horizontal:not(.eael-advanced-menu-responsive)>li>a { border-color: #כככ !important; line-height: inherit; color: #C70017;
    font-size: inherit;}
	
#main #content-wrap { padding-top: 0px !important; }

.gallery-page { float: right; margin-left: 2%; width: 32%; /*padding: 5px; border: 1px solid;*/ margin-bottom: 2%; height: 315px; background-color: #fff; cursor: pointer;}

.gallery-page a { color: #C70017; font-size: 19px; }

.gallery-page p { text-align: center; margin: 15px 0; line-height: 1.5em;padding: 0 5px;}

/* .gallery-page img { height: 167px; -webkit-transition:all .5s ease;transition:all .5s ease} */

.gallery-page-bg { /*width: 282px;*/ height: 256px; background-size: cover; background-position: center;}

.gallery-page:hover img { -moz-transform:scale(1.06);-webkit-transform:scale(1.06);-o-transform:scale(1.06);-ms-transform:scale(1.06);transform:scale(1.06) }

.gallery-page:nth-child(3n+4) { clear: both; }

.gallery-page:nth-child(3n+3) { margin-left: 0px; }

/*.footer-widgets-inner.container { border-top: 1px solid #707070; padding-top: 20px;}*/

.sl-next, .sl-prev { transform: scaleX(-1); background-color: #fcfcfc !important; }

.home #main { background-color: rgb(25, 23, 26); }

.footer-widget .fab { font-size: 32px; margin-left: 5px;}

.widget_nav_menu ul { list-style: disc !important; color: #e9322e;}

.widget_nav_menu li { border: none !important; padding: 0px !important;}

.elementor-element-15d1822 { margin-bottom: 0 !important;}

.gallery-page-bg:hover { background-size: cover; box-shadow: inset 0 0 0 2000px rgb(221 51 51 / 70%);}

.gallery-page:hover {border-bottom: 2px solid #dd3333 !important;}

.wpcf7-submit { border: 1px solid #000 !important;}

div#kit_menu .eael-simple-menu-container { background: transparent !important; border: none; }

.yotu-videos.yotu-mode-grid h3 { font-weight: 600 !important;}

.yotu-video-description { font-size: 16px !important; font-weight: 400; line-height: 1.6em !important;}

#fancybox-right-ico { left: 82.5%;}
#fancybox-left-ico { right: 79%; }

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea { color: #000 !important;}

@media (max-width: 1024px) {
	.home #main #content-wrap { border-bottom: 3px solid #262626;}
	
	.gallery-page { width: 31%; margin-left: 2%;}
	.gallery-page:nth-child(3n) { margin-left: 0;}
	.gallery-page:nth-child(4n+5) { clear: unset; }

	.gallery-page:nth-child(4n+4) { margin-left: 2%; }
	
	.clients .gallery-item {
		flex: 1 1 50%;
		max-width: 50% !important;
	}
}

@media (max-width: 760px) {
.gallery-page { width: 48%; margin-left: 2% !important; height: 310px;}
.gallery-page:nth-child(2n) { margin-left: 0;}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box { width: 50%; }

.gallery-page:nth-child(3n+4) { clear: inherit; }
}