:root {
            --main-color: #004466;
            --accent-color: #63bdca/*#00bcd4*/;
            --bg-color: #f8f9fa;
            --text-color: #222;
            --menu-bg: white;
            --tab-color: #488aab;
            --card-bg:#f5f5dc1a;
            --card-border:#0001;
            --win-bg: #cacbcdb0
        }          
        

        html {
           height: 100%;
        }
        /* test */
        html, body {
            font-family: "Noto Sans", "Noto Sans Hebrew"; /* sans-serif; */
            font-size-adjust: 0.56; 
        }


		button, a, li, div, h1, h2, h3, h4, h5, h6, pre, label, input, textarea,
		select {
		    /* font-family: inherit; */
            font-family: "Noto Sans", "Noto Sans Hebrew";
            font-size-adjust: 0.56;
		}   
        

        body {
            margin: 0;
            /* font-family:"Noto Sans Hebrew",  "Noto Sans";
            font-size: 1em; */
            /*font-size-adjust: 0.52;*/
            background: var(--bg-color);
            color: var(--text-color);
            transition: all 0.3s ease;
        }
        


        body {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100%;
            font-size: 1em;
        }                
        
        header {
            display: flex;
            /* background: linear-gradient(45deg, var(--main-color), var(--accent-color));
           color: white;*/
            text-align: center;
            padding: 0.5em 0;
            flex-direction: row;
            width: 100%;
            align-items: center;
            justify-content: center;
            color: var(--main-color);;    
        }

        /*
        header div {
            padding-bottom: 0.3em;
        }*/

        header h1 {
            margin: 0;
            font-size: 2.3em; 
            letter-spacing: 1px;
                
        }

        .name-logo {
            display: flex;
            align-items: center;
            margin: 0 -1.1em;
            direction: ltr;
            
        }

        .logo-google .p { color: #EA4335; }    /* Red */
        .logo-google .i { color: #f69861; }    /* Orange  #f69257*/
        .logo-google .u { color: #FBBC05; }    /* Yellow */
        .logo-google .t { color: #5bc477; }    /* Green */
        .logo-google .dot { color: #9aa0a6; }  /* Gray */
        .logo-google .n { color: #3fb3bdf7; }    /* Blue */
        .logo-google .e { color: #1d6df1; }    /* DarkBlue */
        .logo-google .t-end { color: #c36df4; }/* Violet */

        header p {
            margin: 1.7em 0 -0.3em;
            font-size: 1em;
            font-style: italic;
            color: #5c4412;
        }



        #siteLogo {
            width: 90px;
            height: auto;
            margin-left: 0em;
        } 
        /*
        nav {

            backdrop-filter: blur(10px);
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            width: 100%;
        }

        nav a {
            color: black;
            text-decoration: none;
            font-weight: 500;
            line-height: 1;
            font-size: 1em;
            padding: 0.75em 1.5em 0.8em 1.5em;
            transition: background 0.3s;
        }

        nav a:hover {      
            color:rgb(4, 71, 99); 
            text-decoration: underline; 
        }  */     
             
  	    .txt-center {
    	    text-align: center;
            margin-top: 0.5em;
        }        
        
        .fillh {
            flex: 1 0 auto;
        }
        
        footer {
            text-align: center;
            background: var(--menu-bg);
            border-top: 1px solid #cacbcde6;
            width: 100%;
            color: var(--text-color);
            line-height: 1;
            font-size: 0.95em;
            padding: 1em 0;
        } 


        #errorMsg {
            color: #484646;
            background-color: #fbf5ec;
            padding: 0.5em;
            display: none;
            margin-top: 0em;
            border-radius: 7px;
            line-height: 1.6;
        }        
              
        
        .radiosel {
            appearance: none;
            width: 14px;
            height: 14px;
            border: 2px solid #296582;
            border-radius: 50%;
            position: relative;
            cursor: pointer;
            transition: 0.2s;
            background-color: #2a85b0;
            margin-inline-start: 0.5em;
        }

        .radiounsel {
            appearance: none;
            width: 14px;
            height: 14px;
            border: 1px solid rgb(87, 85, 85);
            border-radius: 50%;
            position: relative;
            cursor: pointer;
            transition: 0.2s;
            background-color: transparent;
        }

        input[type="checkbox"]:checked {
           accent-color: #2e54ac;
        }       

      /*  
       @media (max-width: 600px) {
           nav a {
               padding: 0.5em;
               flex: 1 1 45%;
               text-align: center;
           }
       }*/
             
             
       @media (max-width: 480px) {
/*
            nav a {
                flex: 1 1 100%;
                border-bottom: 1px solid #0001;
            }
*/
            footer {
                font-size: 0.9em;
            }

        }      
             		          

/* ==========================
   Navigation
   ========================== */

.nav-container {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;

    width: 100%;
    padding: 9px 30px;
    box-sizing: border-box;
}

/* Center menu */
.nav-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;

    grid-column: 2;
}

/* Menu links */
.nav-menu a {
    text-decoration: none;
    color: #383b3f;
    font-size: 1rem;
    font-weight: 500;
    transition: color .2s ease;   
}

/* Hover */
.nav-menu a:hover {
    text-decoration: underline;
}


/* Current page (optional) */
.nav-menu a.active {
    /* color: var(--main-color); */
    text-decoration: underline;
}

/* Language button */
.lang-switch {
    grid-column: 3;
    justify-self: end;
}

.lang-btn {
    padding: 6px 10px;

    border: 1px solid #dadce0;
    border-radius: 4px;

    background: var(--bg-color);

    color: #383b3f;
    cursor: pointer;

    font-size: 14px;
    font-weight: 500;

    transition: all .2s;
}

.lang-btn:hover {
    background: #f8f9fa;
    border-color: #383b3f;
}

/* RTL */
html[dir="rtl"] .lang-switch {
    grid-column: 1;
    justify-self: start;
}

/* Mobile */
@media (max-width: 680px) {/* 767px*/

    .nav-container {
        grid-template-columns: 1fr;
        row-gap: 14px;
        justify-items: center;
    }

    .nav-menu {
        grid-column: 1;
        flex-wrap: wrap;
        gap: 16px;
    }

    .lang-switch {
        grid-column: 1;
        justify-self: center;
    }
}