/* 
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: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.1.1
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
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@100..900&display=swap');
/* Add your custom styles here */
.custom-gallery {margin-bottom: 40px;max-width: 100%;}
.gallery-title p:last-child {margin-bottom:0}
.gallery-title {font-family: 'Noto Sans Hebrew', sans-serif ;padding: 10px;text-align: center;margin-bottom: 10px;}
.custom-gallery img {width: 100%;height: 368px;object-fit: cover;display: block;}
/* ========== TEMPLATE 1 (GRID) ========== */
.layout-1 {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-areas:
    "c3 c2 c1"
    "c4 c6 c6"
    "c5 c6 c6";gap: 5px;direction:ltr;}
.layout-1 .cell-1 { grid-area: c1; }
.layout-1 .cell-2 { grid-area: c2; }
.layout-1 .cell-3 { grid-area: c3; }
.layout-1 .cell-4 { grid-area: c4; }
.layout-1 .cell-5 { grid-area: c5; }
.layout-1 .cell-6 { grid-area: c6; }
.layout-1 .cell-6 img { height: 741px; }

/* ========== TEMPLATE 2 (FLEX) ========== */
.layout-2 {display: flex;flex-wrap: wrap;gap: 5px;}
.layout-2 .cell {flex: 1 0 calc(33.333% - 3.33px);}
.layout-2 .cell-4, .layout-2 .cell-5 {flex: 1 0 calc(50% - 2.5px);}

.layout-2 .cell-1 img,.layout-2 .cell-2 img,.layout-2 .cell-3 img {height:450px;}
.layout-1 .cell-1 img,.layout-1 .cell-2 img,.layout-1 .cell-3 img {height:280px;}

/* ========== TEMPLATE 3 (GRID - with wide image 2) ========== */
.layout-3 {direction:ltr;display: grid;grid-template-columns: repeat(4, 1fr);grid-template-areas:"c3 c2 c2 c1""c5 c5 c4 c4";gap: 5px;}
.layout-3 .cell-1 { grid-area: c1; }
.layout-3 .cell-2 { grid-area: c2; }
.layout-3 .cell-3 { grid-area: c3; }
.layout-3 .cell-4 { grid-area: c4; }
.layout-3 .cell-5 { grid-area: c5; }

@media all and (max-width:768px){
	.layout-1 .cell-1 img, .layout-1 .cell-2 img, .layout-1 .cell-3 img {height:100px;}
	.custom-gallery img {width: 100%;height: 150px;}
	.layout-1 .cell-6 img {height: 305px;}
	.layout-2 .cell-1 img, .layout-2 .cell-2 img, .layout-2 .cell-3 img {height: 190px;}
}