@charset "utf-8";
/* CSS Document */

p {margin: 0;}

.img-fluid {display: inline-block;}
    
 iframe {max-width: 100% !important;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

/*a {white-space: pre-wrap; /* css-3 */
a, .btn {transition: all 0.3s;}
a, div {word-wrap: break-word;  }

a {text-decoration: none;}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

button:focus {outline:0;}

.text-left {text-align: left !important;}
.text-right {text-align: right !important;}

.no_padding_right {padding-right: 0;}
.no_padding_left {padding-left: 0;}
.no_padding {padding-left: 0; padding-right: 0;}


.btn:hover {opacity: 0.8;}

 body {font-family: assistant; color: #000; } /* default is 16px  */

/*** General ****/

.article_image {border-radius: 5px;}
.no_underline {text-decoration: none; color: #000;}
.btn_read_more {background: #F2EDE0; color: #000; font-weight: 700;}
.btn_read_more:hover {
    background: #F2EDE0; color: #000; opacity: 0.7;
}
  .btn_read_more img {margin-right: 10px;}


.with_top_line {border-top: 2px solid #DABB6A; margin-top: 20px; }


/*** Header   ****/
header {background: #064B82; position: relative; }

   header .navbar-nav .nav-link.active,
   header .navbar-nav .nav-link.show {
    color: #fff;
   }

   .navbar-expand-lg .navbar-nav .nav-link {color: #fff; padding-right: 15px;  padding-left: 10px; display: block;}

    @media screen and (min-width: 1360px) {
        .navbar-nav {margin-bottom: -11px;} 
        .navbar>.container {align-items: end;} 
        header {height: 102px; }
    }

   .nav-item {position: relative;  } 

   .my_menu .dropdown-item {color: #064B82; border-bottom: 1px solid #DABB6A;font-weight: 700; }

   .top_menu_hover {
     background-color: #DABB6A; color: #064B82;
   }

   .dropdown-menu {border-radius: 0; padding: 0;}

  

   @media screen and (min-width: 1360px) {
    .nav-item::after {
        content: "|"; position: absolute; top: 6px; left: -5px; color: #fff; height: 12px;
    }
   }

   .frm_header_search {position: absolute; top: 20px; right: 20px;  }
        .frm_header_search .form-control {border-radius: 5px;border: 1px solid #DABB6A; background: transparent; padding-right: 10px; color: #DABB6A;}
        .frm_header_search .form-control::-webkit-input-placeholder {
            /* Chrome/Opera/Safari/Edge */
            color: #DABB6A; font-weight: bold;
        }
        .frm_header_search .form-control::-webkit-input-placeholder {
            /* Microsoft Edge */
            color: #DABB6A; font-weight: bold;
        }
        /*.frm_header_search i {position: absolute; top: 11px; left: 5px; color: #DABB6A; z-index: 2; font-size: 12px;}*/
        .frm_header_search .search_icon {position: absolute; top: 11px; left: 5px; z-index: 2;}


/******  HP carousel  **********/

.my_carousel {position: relative;}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0%;
    bottom: 0;
    z-index: 2;   
    width: 15%;
    padding: 0;   
    text-align: center;
    background: 0 0;   
}
.carousel-control-prev-icon {
    background-image: url("/images/right_arrow.png");
}
.carousel-control-next-icon {
    background-image: url("/images/left_arrow.png");
}
.carousel-item img {border-radius: 10px;}


/*********  HP text banner ********/


.hp_top_text_banner {color: #064B82; position: relative;
                     /*
                     background-image: url(/images/megila.png);                     
                     background-size: contain;
                     background-repeat: no-repeat; background-position: center center;  height: 408px;
                     */
                    }

        .hp_top_text_banner .title1 {font-size: 1.4rem; font-weight: 600;}
        .hp_top_text_banner .title2 {font-size: 4rem; font-weight: 800;}
        .hp_top_text_banner .title3 {font-size: 2.5rem; font-weight: 700;}
        .hp_top_text_banner .title4 {color: #B48E2B; font-size: 1.6rem; font-weight: 700; margin: 0 0 0px 0;}
        .hp_top_text_banner .small_logo {margin-top: 20px;}



/********  HP main ***********************/

.orange_brown {background: #DABB6A;  text-align: center; padding: 8px 15px; border-radius: 5px;}

.btn_blue {color: #fff; background: #064B82; display: block; margin: 0 auto; width: 100%; font-weight: 700;}
  .btn_blue:hover {color: #fff; background: #064B82;}



.hp_last_shutim {
    min-height: 100px; padding: 5px 5px; border: 1px solid #B48E2B;
}

.hp_last_shut_item {border-bottom: 1px solid #B48E2B; padding: 35px 0; margin: 5px 0;}
 .hp_last_shut_item h3 {font-size: 20px; font-weight: bold; }
 .hp_last_shut_item .description {font-size: 16px; }



/***  HP top last articles ************/

.hp_top_item {
    color: #000;  text-decoration: none;  display: block;
    padding: 34px 0;  border-bottom: 1px solid #B48E2B;
}


/***  HP last three items/articles ********/

.hp_last_three_items {margin-bottom: 25px;}

@media screen and (min-width: 1360px) {
  .hp_last_three_items .hp_last_three_items_one_col {padding-right: 35px; padding-left: 35px;}
}

.hp_last_three_items a {text-decoration: none;}
.hp_category_title {color: #fff; background: #064B82; font-size: 2rem; margin: 25px 0 25px 0; padding: 0 0 5px 0}


  .hp_last_three_items .article_title {min-height: 60px; margin: 15px 0 0 0;}
  .hp_last_three_items h3 {font-size: 1.3rem; font-weight: 700;}
  .hp_last_three_items .article_description {margin-bottom: 15px; min-height: 70px;}



.articles_title {background: #DABB6A; padding: 2px 10px 2px 0; color: #fff; font-size: 2rem; border-radius: 5px; margin-bottom: 15px; font-weight: normal !important; }

.one_article {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #DABB6A;}
  .one_article h2 {font-size: 1.3rem; font-weight: 700; }
  .one_article .article_description {margin: 5px 0 10px 0; font-weight: 600;}
  .article_writer a {color: #8E8B8B; font-size: 14px; text-decoration: underline;}


.side_tags {padding-bottom: 20px; padding-top: 10px;}
 .side_tags_title {font-size: 17px; font-weight: 700;}
 .side_tags a, .article_tag {color: #8E8B8B; font-size: 14px; display: inline-block; margin-left: 5px; background-color: #f1f1f3; 
                             padding-right: 1px; padding-left: 1px; font-weight: 700;}
 .side_tags a:hover, .article_tag:hover {text-decoration: underline;}




.show_article_page {margin-top: 20px;}
 .show_article_page h1 {font-size: 2.5rem; font-weight: bold;}

 .article_description {font-size: 1.1; font-weight: bold; margin: 15px 0;}
 .article_content_container {padding-bottom: 25px;}
 .article_content {padding-top: 20px;}
 .print_page {margin-top: 25px;}

  .article_file {margin: 10px 0 10px 0;}
   .article_file a{color: #000;}


/**   Video **/

.youtube_iframe {width: 500px; height: 315px;}


/*** Pagination ***/

.my_pagination {vertical-align: middle; text-align: center;}

 .my_pagination .current_page {cursor: default;}



/** Orot hachoshen ****/

.orot_choshen_search_section {margin-bottom: 20px; background-color: #F2EDE0;  padding: 10px 15px 8px 15px; border-radius: 5px; }
    .orot_choshen_search_section .title {color: #064B82; text-align: center; font-size: 1.85rem; font-weight: 700;}

    .frm_orot_choshen_search {position: relative;}
    .frm_orot_choshen_search .form-control {color: #DABB6A; font-weight: bold;}
      .frm_orot_choshen_search .search_icon {position: absolute; top: 12px; left: 10PX; z-index: 9;}
             .frm_orot_choshen_search .form-control::-webkit-input-placeholder {
               color: #DABB6A;font-weight: bold; 
             }

.orot_choshen_sidebar {background-color: #F2EDE0; padding: 15px 15px; margin-bottom: 25px; border-radius: 5px;}

    .orot_choshen_sidebar_title {color: #fff; background-color: #064B82; font-size: 27px; text-align: center; padding: 10px 10px; 
                                 font-weight: 700; border-radius: 5px; margin-bottom: 10px; }

     .orot_choshen_sidebar .link {display:block; padding: 15px 0; border-bottom: 1px solid #DABB6A; }
      .orot_choshen_sidebar .orot {color: #4C4C4D; font-size: 17px;}
      .orot_choshen_sidebar .sidebar_title {color: #4C4C4D; font-size: 20px; font-weight:600;}


    .orot_choshen_sidebar .arrow_container {display: inline-block; border-radius: 50%; background-color: #fff;
                                            width: 35px; height: 35px;  text-align: center; padding-top: 5px;
                                           }



.chapter_breadcrumb a {color: #000; }

.chapter_section_title {color: #064B82; font-size: 30px;}
.section_pagination a {color: #000;}

.next_chapter {margin: 20px 0 0 0;}
    .next_chapter a {color: #000; text-decoration: underline;}


                                 


footer {background-color: #064B82; color: #fff; min-height: 60px; padding-top: 10px;}
  footer a {color: #fff; text-decoration: none;}






/*** Media Queries ***/


@media screen and (min-width: 1024px) and (max-width: 1360px) {

  .frm_header_search {
    top: 0px;
    right: 20px;
  }
    .frm_header_search .form-control {     
      padding: 2px 10px 2px 2px; font-size: 13px;     
    }
    .frm_header_search .search_icon {
          top: 5px;
          left: 5px;          
    }
  .navbar-brand img {width: 150px;}

}

@media screen and (max-width: 1024px) {
	
	
}



@media screen and (max-width: 800px) {
	
  	
	
}

@media (max-width: 767px){
    .table-responsive {
      direction: ltr;
    }
     .table-responsive table {direction: rtl !important;}	

    
    .navbar-toggler:focus {box-shadow: none;}
    .frm_header_search {margin-right: 120px; margin-top: -10px;}
    
    .navbar-brand img {width: 150px;}


    .hp_top_text_banner .title2 {
       font-size: 3rem;    
    }

    .hp_top_text_banner .title3 {
      font-size: 2.0rem;
    }

    .btn_read_more {margin-bottom: 10px; }


}


@media screen and (max-width: 640px) {
	
	
}
    
    
@media screen and (max-width: 320px) {
	
	
}


/*** 5 columns
***************************************************/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: right;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: right;
    }
}