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

@import url(http://fonts.googleapis.com/earlyaccess/alefhebrew.css);
@font-face {
    font-family: 'Alef';
    src: url('/css/Alef-Webfont/Alef-regular.eot');
    src: url('/css/Alef-Webfont/Alef-regular.eot?#iefix') format('embedded-opentype'),
         url('/css/Alef-Webfont/Alef-regular.woff') format('woff'),
         url('/css/Alef-Webfont/Alef-regular.ttf') format('truetype'),
         url('/css/Alef-Webfont/Alef-regular.svg#alefregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Alef';
    src: url('/css/Alef-Webfont/Alef-bold.eot');
    src: url('/css/Alef-Webfont/Alef-bold.eot?#iefix') format('embedded-opentype'),
         url('/css/Alef-Webfont/Alef-bold.woff') format('woff'),
         url('/css/Alef-Webfont/Alef-bold.ttf') format('truetype'),
         url('/css/Alef-Webfont/Alef-bold.svg#alefbold') format('svg');
    font-weight: bold;
    font-style: normal;
}


p {margin: 0;}

.img-responsive {display: inline-block;}

h1, h2 {color: black;}
h1 {margin: 8px 0 5px 0; font-weight: bold; font-size: 28px; font-family: alef;}
h2, h3, h4 {font-family: alef;}

.padding_right {padding-right: 0px;}

.size1{font-size: 14px;}
.size2{font-size: 16px;}
.size3{font-size: 18px; font-weight: bold;}
.size4{font-size: 20px;  font-weight: bold;}

.read_more_hover {display: inline-block; color: #BB9C42;}

audio {max-width: 100%;}

.atrribution {margin-bottom: 10px;}

/*** Menu
**************************************/

  .top {background: black;}

 
  .navbar {margin-bottom: 5px;  }
	
	.navbar-default {border:none;  background: none; }
	
	.navbar-collapse {padding-left: 0; float:left; margin-top: 1.5em;}
	
	
	.navbar-nav > li > a {
	                                   color: #ffffff !important; font-size: 1.2em !important;	           
	                                   font-size: 14px;	  line-height: 30px;                                 
	                                }
	.navbar-nav > li > a:hover {}
	
	  	
	.dropdown-menu {background: #ffffff; border: 1px solid #b9b9b9; top: 65px;}
	
	  .dropdown-menu  a {color: #474747 !important; font-size: 1.1em;}
	    .dropdown-menu  a:hover {background: #f6f6f6 !important; color: #1f1f1f;}

  .arrow_menu {
	       background: url(../images/arrow.png); width: 13px; height: 8px;
	       position: absolute; top: -7px; right: 30px;
 }

.navbar-header select {display: none; } /* only  for smart phones */


/****
.side_col
*********************************************/

.side_col .do_search {cursor:pointer; background: white !important;}
   .do_search i {color: #BB9C42;}
   
   .side_col h3 {margin-top: 8px; font-weight; bold;}
   
   .div_container {border: 1px solid #ececec; padding: 0 10px; border-radius: 4px;}
   
    .snd {background: #bb9c42 ; border: 1px solid #856e2c; color: white; font-size: 22px; padding-top: 0px !important;}
      .snd:hover {background: #a38839 ; border: 1px solid #856e2c; color: white;}
   
   .btn_rav {border: 1px solid #34966e; margin: 20px 0; background: #42bb89; color: white; 
                  font-weight: bold; padding-top: 10px; padding-bottom: 10px; font-size: 16px;
                 }
      .btn_rav:hover {color: white;}
   
   
   
   .popular {margin-bottom: 15px;}
   .popular .item {margin-bottom: 10px;}
   .popular a {color: #000000; font-size: 13px;}
   .popular .header {color: #8d8d8d;}
   
   .popular .popular_image {width: 40%; float: right;}
   
   .popular .popular_body {width: 60%; float: right;}   
    .popular .popular_body p {margin: 0 10px 0 0;}
      .popular .media-heading {color: gray; margin-bottom: 0;}


   .side_col .tags_container {padding-bottom: 20px;}
   .tag_link {display: inline-block; background: #F8F8F8; padding: 1px 5px; border: 1px #E8E8E8 solid; margin-bottom: 5px;}


/***
 .Main
 ******************************************/
 
 .main {padding: 20px 0;}
 
 .hp_header {
   background: #FDFDFD;  border: 1px solid #e8e8e8; border-radius: 5px;
   padding: 2px 10px 10px 10px; margin-bottom: 15px; color: #525252;
 }
 
 .hp_h1 {font-size: 40px;}
 
 .last_articles {/*background: #F4F4F4;*/  border: 1px solid #e5e5e5; border-radius: 5px; padding: 0px 0;}
 
 .last_articles a {color: black;}
 
  .shut_col {padding:8px 30px 0 30px !important; background: #F4F4F4;}
   .last_articles .item {padding: 10px 0 10px 0px; border-bottom: 1px solid #d9d9d9;}
   .last_articles a h1 {margin: 0 -15px 0 0; font-family: alef !important;}
       .last_articles a.cat_link {font-family: alef !important;}

  .shut_col a:last-child .item,  .last_articles_col a:last-child  .item {border-bottom: none;}
 
  /*.last_articles .shut_col  .item .t, .last_articles .last_articles_col .item .t  {padding-right: 0;}*/
  
  .t {padding-right: 0; line-height: 17px;}
  
  .last_articles .last_articles_col {padding:0 30px !important; border-left: 1px solid #d9d9d9;}
  
  .category_name {color: #BB9C42 !important;}


  /*** hp articles categories ***/
  
  .category_name_container  {margin: 20px 0 0 0;}
  
    .category_name_container div {float: right; height: 50px; }
  
     .category_name_div {width: 94%; background: #F0F0F0; border: 1px solid #e0e0e0; color: black;}
        .category_name_div .content {padding: 4px 10px 0 0; font-size: 28px; font-family: alef;}

    .category_name_icon {width: 6%; background: #42BB88; color: white; font-size: 25px; text-align: center; padding-top: 11px;}
      .category_name_container:hover .category_name_icon {background: #31946b;}


  .articles_for_category_container {border: 1px solid #e0e0e0;}
     .articles_for_category_container  a {color: #000000;}
     .articles_for_category_container .t {padding-top: 15px; padding-bottom: 15px;}

  .one_article {border-left: 1px solid  #e0e0e0;}
  .articles_for_category_container a:last-child .one_item{border-left:  none;}
  
  
/****
Articles list page
********************************/
.articles_header {
   background: #FDFDFD;  border: 1px solid #e8e8e8; border-bottom: none; border-radius: 5px;
   padding: 2px 10px 10px 10px; margin-bottom: -3px; color: #525252;
 }

.articles_list_container,
.inner_article_container
 {border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8;  border-bottom: 1px solid #e8e8e8; padding: 15px; }

 .articles_list_container a {color: black;}

.articles_list_item {padding: 15px 0; border-bottom: 1px solid #e8e8e8; }
.articles_list_container  a:last-child  .articles_list_item {border-bottom: none;}
   
   .articles_list_item .title {font-size: 24px;}
   .articles_list_item .writer {color: #BB9C42; font-weight: bold;}
      .writer a {color: #BB9C42 !important;}
   
   .articles_list_item .description {margin-bottom: 10px;}
   .articles_list_item .btn_read_more {background: #BB9C42; color: white; padding: 2px 10px;}
     .articles_list_item .btn_read_more:hover {background: #a38839; border: 1px solid #856e2c;}
  
  .sub_category_title {margin: 5px 0; font-family: Alef; font-size: 15px; }
  
  .social {margin: 15px 0 15px 0;}
    .social .g {float: right; margin-left: 25px;}
    .social .face {float: right;}
      #fb-root {
        display: none;
      }
      /* To fill the container and nothing else */
     .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
      /* width: 100% !important;*/
     }
    
    
  
  /***
  Article inner page
  *********************************/
  
  .inner_article_container {}
    .inner_article_container .kotvim{color: #42bb89;}
    .sub_category {margin: 0 0 15px 0; font-weight: bold; font-family: 'Alef Hebrew';}
    .inner_article_container .tags {margin-bottom: 10px;}
     .inner_article_container .file {margin-bottom: 10px; }
           .inner_article_container .file a {color: black;}
    .inner_article_container .description {font-weight: bold; margin-bottom: 10px;}
    .inner_article_container .writer {margin-bottom: 10px; color: #BB9C42; font-weight: bold;}
    .inner_article_container .page_content {}
      .fa-tag {color: #BB9C42;}
    .inner_article_container a {color: #42bb89;}
  
     .article_tag {display: inline-block; margin-left: 5px; padding: 3px; font-weight: bold; }
     
     .shut_container h2 {
       padding-bottom: 5px; border-bottom: 3px solid #41BB8A; width: 90%;
     } 
     
     
     .btn_order_container {text-align: center; margin-bottom: 15px;}
       .btn_order {margin-top: 10px;}
            
         .publication_date {margin-bottom: 10px;}
             .publication_date i {color: #BB9C42; margin-left: 2px;}
       
         #publication_form {display: none;}
         #publication_form .price {border: none;}
     
  
  /***
  Lessons
  ************************************/
  .mejs-button button {color: white !important; background: white; !important;}
  
  
  
  /***
  Search results
  ************************************/
  .search_results{}
  
   .search_results ol li {margin-bottom: 10px;}
  
   .search_results .title {font-weight: bold;}
   .search_results .description {font-weight: normal; margin-bottom: 5px;}
   .search_results .read_more a {}
  
  /***
  Contact and ask the rav
  ******************************************/
  .right_contact {padding-right:0;}
  
  #rav_form textarea {height: 250px;}
  
  
  /***
  Print 
  ****************************************/
  
  .print {margin: 25px 0;}


/*** 
Footer
*****************************************************/

.footer {background: black; padding: 30px 0; text-align: center;}
 .footer a {color: white;}
 
 .footer .social {padding-top: 15px; height: 20px; text-align: center; width: 50%; margin: 0 auto;}









/***
Media Queries
****************************************************/

@media screen and (max-width: 640px) {
	
	.navbar-header {padding: 0 10px; width: 100%;}
    .navbar-header select {display: block; float: right; margin: 1.5em 0 0 0; width: 100%; } /* for smart phones */
    .navbar-brand {padding-right: 0; display: inline-block; margin-bottom: 10px;}
    
      .last_articles .item .txt {padding-right: 15px;}
      .last_articles .item img {margin-bottom: 10px;}
      
      .social {max-width: 100%;  overflow: hidden;}
      .social .g {float: none; margin-left: 0px;}
      .social .face {float: none; }  
      
       
}