/* =================================================================================== 
        Copyright (c) 2020 Hadar Ribak Studio - www.hadaribak.co.il - all rights reserved.
   =================================================================================== */

nav ul {
    margin-bottom: 5px;
}

header {
    background-position-x: center;
}

header a img {
    padding: 5px;
}

header div.search {
    display: block;
    float: none;
    padding-top: 100px;
    padding-bottom: 27px;
    background-image: url(../Images/General/hadar_circles_white.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

header div.headerText {
    font-size: 0.7em;
    color: var(--white);
    padding: 30px;
    direction: rtl;
}

.container {
    border-top-width: 6px;
}

.mainSection {
    direction: rtl;
}

div.info {
    background-color: var(--veryLightGray);
    padding: 10px;
}

div.hide1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 95vw;
    max-height: 1.3em;
    text-align: justify;
    cursor: pointer;
}

span.shrink {
    font-size: 0.8em;
    font-style: italic;
    cursor: pointer;
    color: var(--magenta);
}

.oneRow {
    height: 140px;
    overflow: hidden;
}
/********** Small screens (less than 800px) ******/
@media (max-width: 800px) {
    nav {
        margin-bottom: 5px;
    }

    nav div.Menu4MidSmall {
        background-image: none;
    }

    nav div.Menu4MidSmall span {
        display: inline;
    }

    header a.hadaribakLogo {
        display: inline-block;
    }

    header div.search {
        padding-top: 20px;
    }

    header a img {
        float: none;
    }

    div.hide1 {
        max-width: 85vw;
    }

    .content-overlay {
        opacity: 0.7 !important;
    }

    .content-details {
        top: 50% !important;
        left: 50% !important;
        opacity: 1 !important;
    }

    .oneRow {
        height: 75px;
    }
}