/* Design */
/* Design */
.Top {
    color: #0b3d91;
    font-weight: bold;
    text-align: center;
    min-height: 250px;
    background-color: #e6ecf5;
    padding: 20px;
}
.Top a, .Top a:visited, .Top h2 {
    text-decoration: none;
    color: #0b3d91;
}
.Top h1 {
    font-weight: bolder;
    color: #0b3d91;
    font-size: 2.2em;
}
.Top img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}
.Top div {
    display: inline-block;
    max-width: 100%;
    width: 20%;
    height: auto;
}


/* Central part */
div#Container {
    overflow:auto;
    padding-bottom:10px;
}


/* h1 – Main Title */
div#Container h1 {
  color: #0b3d91;
  font-size: 2.5em;
  font-weight: 700;
  margin-bottom: 0.5em;
  border-bottom: 2px solid #0b3d91;
  padding-bottom: 0.3em;
}

/* h2 – Section Title */
div#Container h2 {
  color: #103f7a;
  font-size: 2em;
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  padding-left: 10px;
}

/* h3 – Subsection Title */
div#Container h3 {
  color: #154c79;
  font-size: 1.6em;
  font-weight: 500;
  margin-top: 1.2em;
  margin-bottom: 0.4em;
  text-decoration: underline;
  text-decoration-color: #154c79;
}

/* h4 – Minor Heading */
div#Container h4 {
  color: #1a5a7a;
  font-size: 1.3em;
  font-weight: 500;
  margin-top: 1em;
  margin-bottom: 0.3em;
  font-style: italic;
}


/* Bottom part */
.Bottom{text-align:center;background-color:#1a5a7a;color:white;padding:5px;}
.Bottom h1.bottom_h1 {color:white; background-color:none; text-decoration: none;}

.Footer{padding:10px;font-size:13px;}
.Footer a {text-decoration:underline;color:blue;}
.Footer a:hover{font-weight:bold;}

div#Footer_Div_Accessibility_Box {float: left; display: block; width:110px; height:90px; border: 1px solid grey; padding:5px; margin:100px 15px 10px 15px; text-align:center;}
@media only screen and (max-width:350px)
{
    div#Footer_Div_Accessibility_Box {margin:15px;float:unset;}
}

.Bottom_Links {font-size:8px;color:#fffff9;}
.Bottom_Links a{font-size:8px;text-decoration:none;color:#fffff9;}


/* Mobile screen sizing */
div.Top, div#Container, div.Bottom, div.Footer {min-width:650px;width:80%;margin:auto;}
@media only screen and (max-width:650px)
{
    div.Top, div#Container, div.Bottom, div.Footer {width:unset;min-width:unset;}
}
@media only screen and (max-width:500px)
{
    div.Menu {width:unset;float:unset;}
    div.Menu a {display:inline;padding:3px;margin:5px;white-space:nowrap;line-height:35px;}
    div.Main {margin-right:unset;}
}


/**************************************
*** Design permanent side links box ***
***************************************/
div.permanent_side_links_box {
    position: fixed;
    top:150px;
    left:0px;
    padding: 2px;
    border-radius: 0px 10px 10px 0px;
}
div.permanent_link_box img {
    width: 35px;
    height:35px;
    border-radius: 10px 10px 10px 10px;
    display:block;
    padding:10px;
    background-color:#ebe9e9;
    margin-left:0px;
    margin-right:auto;
}

div.permanent_link_box img#back-to-e10 {
  width: 100px;
  height:auto;
  transition: filter 0.3s ease;  /* Changes with hover to oragne with time */
}
div.permanent_link_box img#back-to-e10:hover {
  filter: sepia(1) hue-rotate(-20deg) saturate(500%);
}



/******************************************************************************************
******************************* Global Elemetns style *************************************
*******************************************************************************************/

body { 
    direction:rtl;
    background-color:white;
    font-family:Arial,Helvetica,sans-serif;
}

#Container p, #Container li { font-size:18px; }

img { border:0px; }

span.No_Wrap {white-space:nowrap;}

/* Images float and divs */
.Img_Float_Left{float:left;margin:20px;}
.Img_Float_Right{float:right;margin:20px;}
img.Img_Center{display:block;margin-right:auto;margin-left:auto;}
div.Img_Center{text-align:center;margin:10px;}
div.Img_Center img{margin:10px auto 10px auto;}

@media only screen and (max-width: 500px)
{
    .Img_Float_Right, .Img_Float_Left {float:unset;max-width:100%;height:auto;display:block;margin-right:auto;margin-left:auto;}
    div.Img_Float_Left {text-align:center;}
    div.Img_Float_Right {text-align:center;}
    .Img_Center img, img.Img_Center, img.Img_Float_Left, img.Img_Float_Right {float:unset;max-width:100%;height:auto;display:block;margin-right:auto;margin-left:auto;}
}

/* Images sizes */
.Max_Image_Size_120 { width:120px;height:auto; }
.Max_Image_Size_140 { width:140px;height:auto; }
.Max_Image_Size_150 { width:150px;height:auto; }
.Max_Image_Size_180 { width:180px;height:auto; }
.Max_Image_Size_200 { width:200px;height:auto; }
.Max_Image_Size_240 { width:240px;height:auto; }
.Max_Image_Size_300 { width:300px;height:auto; }

.Max_Image_Height_160 { height:160px;width:auto; } 
.Max_Image_Height_180 { height:180px;width:auto; } 
.Max_Image_Height_200 { height:200px;width:auto; } 
.Max_Image_Height_240 { height:240px;width:auto; } 
.Max_Image_Height_280 { height:280px;width:auto; } 
.Max_Image_Height_300 { height:300px;width:auto; } 
.Max_Image_Height_360 { height:360px;width:auto; } 
.Max_Image_Height_500 { height:500px;width:auto; } 

/* Font design across all pages */
.text_red {color:red;}
.text_blue {color:blue;}
.text_green {color:green;}
.text_decoration_none {text-decoration:none;}
.text_bold {font-weight:bold;}
.text_center {text-align:center;}
.text_size_20 {font-size: 20px;}
.text_size_22 {font-size: 22px;}
.text_size_24 {font-size: 24px;}
div.overflow_auto {overflow: auto;}



/* Kaftorim shel lemaala vehadpasa. */
.Help_Buttons {
    text-align: left;
}

.Help_Buttons a {
    color: blue;
}




/********************************
******* for mamad boxes ********
********************************/
/* Style for item boxes */
div.Product_Boxes {
    overflow:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
div.Product_Boxes_Box {padding:4px;margin:10px;border:1px solid grey;width:250px;min-height:250px;}
div.Product_Boxes h4 {text-align:center;text-decoration:underline;}
div.Product_Boxes img {width:auto;height:auto;max-width:100%;max-height:220px;display:block;margin-right:auto;margin-left:auto;}