/* LTU template fixes */

/* Bootstrap's .nav { flex-wrap: wrap } collides with Divi's own #top-menu.nav
   on pages where Bootstrap is loaded (404, template-full-width), causing menu
   items to wrap unpredictably. Keep Divi's main navigation on a single line. */
#top-menu,
#et_mobile_nav_menu {
    flex-wrap: nowrap;
}

/* Hebrew font styling */
[dir="rtl"] body {
  font-family: "Noto Sans Hebrew", sans-serif !important;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  font-family: "Noto Sans Hebrew", sans-serif !important;
}

@media (max-width: 768px) {
    .page-template-template-full-width .container {
        width: 100%;
        padding: 0 25px;
    }
}
.page-template-template-full-width .row:after {
    content: none;
}

.site-btn {
    background-color: #C8F96D;
    color: #000;
    max-width: fit-content;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px;
    height: auto;
    padding: 15px 20px;
    letter-spacing: 0;
    transition: all 0.3s ease;
    border: 0;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    box-shadow: none;
    text-transform: none;
}
.site-btn:hover,
.site-btn:focus {
    background-color: #00ADB5;
    color: #fff;
    box-shadow: none;
}
.btn-site-sec {
    box-shadow: none;
    border-bottom: 1px solid #000;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    width: fit-content;
    border-radius: 0;
    font-weight: 700;
    padding: 6px 0;
    font-size: 18px;
    color: #000;
    letter-spacing: 0;
    text-transform: none;
}
.btn-site-sec:hover,
.btn-site-sec:focus {
    box-shadow: none;
    border-bottom: 1px solid #505050;
    color: #505050;
    background-color: transparent;
}
.btn-site-sec svg {
    transition: transform 0.3s ease;
    fill: #000000;
}
.btn-site-sec:hover svg,
.btn-site-sec:focus svg {
    transform: translateX(-5px);
    fill: #505050;
}
@media (max-width: 991.98px) {
    .site-btn {
        font-size: 16px;
    }
}

.error-page {
    padding: clamp(40px, 6.19vw, 83px) 0;
}

.error-page .row {
    margin-bottom: 0;
}

.error-page__wrapper {
    border-radius: 46px;
    background: rgba(46, 43, 43, 1);
    padding: clamp(30px, 6.19vw, 83px) clamp(10px, 9.70vw, 120px) clamp(40px, 7.46vw, 100px) clamp(10px, 6.87vw, 92px);
    color: #fff;
}

.error-page__number {
    margin-bottom: clamp(20px, 3.21vw, 40px);
}

.error-page__number svg {
    width: 100%;
    aspect-ratio: 440/190;
    max-width: clamp(130px, 32.84vw, 440px);
    height: auto;
}

.error-page__title{
    font-size: clamp(20px, 1.87vw, 25px);
    margin-bottom: 27px;
    font-weight: 700;
    line-height: 1.28;
    color: #fff;
    letter-spacing: 0;
    font-family: 'Heebo';
    padding: 0;
}

.error-page__text {
    font-size: clamp(14px, 1.26vw, 18px);
    line-height: 1.27;
    color: #fff;
    letter-spacing: 0;
    font-family: 'Heebo';
    margin-bottom: clamp(20px, 3.21vw, 53px);
    max-width: 515px;
}

.error-page__image {
    margin-bottom: 30px;
}

.error-page__image svg {
    width: 100%;
    aspect-ratio: 361/386;
    max-width: clamp(130px, 26.94vw, 361px);
    height: auto;
}

@media (max-width: 991px) {
    .error-page__image {
        margin-bottom: 30px;
    }

    .error-page__image svg {
        max-width: clamp(130px, 32.84vw, 220px);
    }
}

@media (max-width: 479px) {
    .error-page .container {
        width: 90%;
    }
}

[dir="rtl"] body .error-page{
  direction: rtl!important;
}

body .error-page{
  direction: ltr!important; 
}