/*
Theme Name: _ib
Theme URI: https://github.com/psahalot/_ib
Author: IdeaBox Themes
Author URI: http://ideaboxthemes.com/
Description: Hi, I am the ultra minimal starter theme _ib, ready for your next awesome WordPress project! I am the most seamless and minimalistic integration of Twitter Bootstrap Framework into the _s starter theme from Automattic, the guys behind WordPress.
Version: 1.0
License: GNU General Public License V2 or Later
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
Text Domain: _ib
Tags: 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

This theme has been derived from _tk https://github.com/Themekraft/_tk which is licensed under GPL. 

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Twitter Bootstrap


*/

/* Import the necessary Bootstrap WP CSS additions */
@import url( includes/css/bootstrap-wp.css );
@import url(https://web-archive.nli.org.il/National_Library/cs_/http://fonts.googleapis.com/earlyaccess/alefhebrew.css);

/*
--------------- GENERAL ----------------
*/

body {
    word-wrap: break-word;
    font-family: "Alef Hebrew",Arial;
}

.main-content{
    background-image: url('includes/img/bodyBG.png');
}
img.alignright{float: right;}
img.alignleft{float: left;}
h4{
    font: 1.4em/21px 'Alef Hebrew';
}
b, strong{ color: #4E4E4E; font-size: 1.5rem;}
.greybg{
  background-color:rgb(242,242,242);
}
.arrowleft,.arrowleft:hover, .arrowleft:active, .arrowleft:focus{
  background: url("includes/img/arrow03.png");
  background-position: 5px -39px;
  background-repeat: no-repeat;
  padding-left: 20px;
  display: inline-block;
  cursor: pointer;
  color: white;
  border-radius: 0;
  border: 0;
}

.btn.btn-default.superlight{
  background-color: #f9f7f1;
}
.btn.btn-default.dark{
  background: #454242;
  color: #fff;
}
.btn.btn-default{
  font: 1em/20px 'Alef Hebrew',Arial;
  padding: 2px 10px;
  text-align: center;
  display: inline-block;
  border-radius: 0;
  margin: 10px 0;
  border: 0;
}

.btn.btn-default.dark:hover{
  background: #242222;
}
.whitebg.sidebar .mainTitle{ color: black;}
.whitebg.sidebar .mainTitle a{ color: black; background: transparent;}
.whitebg {
  background: url("includes/img/paperBG.jpg") repeat-y scroll right 0 #fff;
  border-bottom: 1px solid #bab8b3;
  border-left: 1px solid #e1ded9;
  border-right: 1px solid #e1ded9;
  margin-top: 30px;
}

.whitebg:first-child {
  margin-top: 45px;
}

.mainTitle {
  background: none repeat scroll 0 0 #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  min-height: 55px;
  padding: 13px;
}
.mainTitle h1, .mainTitle h2,.mainTitle h3, .mainTitle h4{
    margin: 0;
}
.mainTitle h3{
    font: 1.6em/28px 'Alef Hebrew';
}
.mainTitle h2{
  font: bold 1.9em/28px 'Alef Hebrew';
  letter-spacing: 1px;
}
.mainTitle a{
  background: url("includes/img/arrow03.png") no-repeat scroll 0 10px transparent;
  color: #888888;
  text-decoration: none;
  font: 1em/22px 'Alef Hebrew';
}

.linktoarchive{ padding: 10px; margin-top: 15px; font: 1.12em/18px 'Alef Hebrew'!important;}

.paperTop{
  background: url("includes/img/paperTop.png") no-repeat scroll 0 4px transparent;
  height: 20px;
  left: -1px;
  position: absolute;
  top: -20px;
  width: 100%;
}

.posts .apost{
    border-left: 1px solid #FECCCC;
    z-index: 0;
}
.posts .apost:nth-child(3n+3) {
    border-left: 0;
}
.posts h4 a{
    color: #212121;
}


.superbottom{
  bottom: 0; right: 0; position: absolute;
}
.posts .apost{ height: 395px;}
.halfheight{ height: 50%;}
.halfheight:first-child{ margin-bottom: 15px;}
.halfheight>div{height: 100%; max-height: 100%; }
.modal-header .close {
    margin-top: -1rem;
    float: left;
    margin-left: 20px;
    border: 0;
    outline: none;
    background-color: transparent;
    font-size: 3rem;
}
.frame{
  height: 175px;
  margin: 15px auto;
  box-shadow: 0px 0px 2px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0;
  background-color: white;
}
.cardbg{background: url("includes/img/letterContent.png") repeat-y scroll 0 0 transparent;background-size: contain;}
.smallrow{ margin-bottom: -100px;}
.hidde{display: none;}

@media (max-width: 768px) { 
  .superbottom{background-size: contain;  }
  .posts .apost{
    border-left: 0;
    border-bottom: 1px solid #FECCCC;
  }

  .posts .apost:last-child{
    border-bottom: 0;
  }

  .halfheight{ height: 60%;}
  .page-template-template-gate .halfheight, 
  .page-template-template-gate .articles .apost{ 
    height: auto!important;
  }

  .frame{
    height: 205px;
  }

  .bottomLink{background-size: auto;}

}
@media (max-width: 768px) { 
  main,aside{padding-left: 0!important; padding-right: 0!important;}
  /*#mainslider .text{margin-right:0!important;margin-left:0!important;}*/
  #content > div:first-child{
    padding-left: 0; padding-right: 0;
  }
  .page-template-template-gate .staff{
    padding-left: 0;
  }
  .page-template-template-gate .images{
    padding-right: 0;
  }
  img.alignright, img.alignleft{
    margin-right: 0;
    margin-left: 0;
    float: none;
    width: 100%;
  }
}
.frame a{
  z-index: 9999;
}
 span.shadow{
  border: white solid 5px;

  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.75);
  box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.75);
  top: 0;
  right: 0;
  z-index: 2;
}
.frame:before,.frame:after{
  z-index: 0;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 0px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: transparent;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.frame:after{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 0px;
  left: auto;
}

.frameContainer{  
  margin-bottom: 15px;
  position: relative;
  top: 0;
  right: 0;
}

.bottomLink {
  background: url("includes/img/divider02.png") no-repeat scroll center 0 transparent;
  color: #414141;
  display: block;
  font: 1em/30px 'Alef Hebrew';
  height: 35px;
  padding-top: 5px;
  text-align: center;
}

.frameContainer a {
  background: url("includes/img/frame.png") no-repeat scroll 0 0 transparent;
  background-position:20px -119px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/*
--------------- TOP NAVIGATOR ----------------
*/
nav > .container{padding-bottom: 0;}
nav.site-navigation{background: white;}
.navbar-default .navbar-nav{padding-top: 40px;}
.navbar-default{background: transparent;border:0;}
.navbar-default .navbar-nav>li>a{
    background-image: url("includes/img/divider01.png");
    background-repeat: no-repeat;
    background-position: right 0;
    background-color:transparent;
    color: #888888;
    display: block;
    font: 1.4em/28px "Alef Hebrew";
    height: 22px;
    padding: 0 14px 0 8px;
    vertical-align: baseline;
}

.navbar-default .navbar-nav>li:first-child>a{
  background-color:transparent;
  background-image: none;
}
.navbar-nav > li.dropdown > ul, .navbar-nav > li .subsupermenu{
  max-width: 100%;
  margin-top: 40px;
  display: none;
}

.navbar-nav > li .subsupermenu img{
    position: absolute;
    bottom: 0;
    left: 0;
}

.navbar-nav > li.dropdown:hover > ul, .navbar-nav > li.dropdown > ul:hover{
  display: block;
  background-image: url("includes/img/arrow_menu.png");
  background-repeat: no-repeat;
  background-position: 413px top;
}

.navbar-nav > li.dropdown > ul:before, .subsupermenu > ul:before{
  content: "";
  background: url("includes/img/arrow_menu.png") no-repeat scroll 50% top;
  position: absolute;
  z-index: 13;
  height: 8px;
  width: 10%;
  right: 45%;
  top: -12px;
}

li.dropdown-submenu>.dropdown-menu{display: block;}
li.dropdown-submenu li.dropdown-submenu > .dropdown-menu img{display:none;}
li.dropdown-submenu>.dropdown-menu{
  background: white;
  z-index: 2;
  min-height: 100%;
  position: absolute;
  display: none;
  right: 70%;
  top: 0;
  border: 0;
  border-radius: 0;
  padding: 10px;
  box-shadow: 0 1px 1px #F2F1F0,-2px 0 1px #F2F1F0;
}

ul ul ul.dropdown-menu {
  position: static;
  padding-right: 20px;
  border: none;
  box-shadow: none;
}
.navbar-nav > li.dropdown:hover ul.nav-pills.nav-stacked {
  margin-top: 40px;
  background-color: white;
}
.navbar-nav > li.dropdown ul > li{
  position: static;
  width: 100%;
  list-style-type: none;
  display: block;
  font-size: 1.11em;
  border-right-width: 0;
  border-bottom: 1px solid #DDD;
  margin: auto;
  cursor: pointer;
}
.navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li{
  position: static;
  width: 100%;
  list-style-type: none;
  display: block;
  box-shadow: 0 1px 1px #F2F1F0,-2px 0 1px #F2F1F0;
  font-size: 1.11em;
  border-right-width: 0;
  border-bottom: 1px solid #DDD;
  margin: auto;
  cursor: pointer;
  padding: 10px 15px;
}
.navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li > a{
  padding: 0;
  text-align: right;
}
.navbar-nav > li.dropdown ul.nav-pills.nav-stacked li  i{
  display: none;
}
.navbar-nav > li.dropdown ul.nav-pills.nav-stacked li:hover  i{
  display: block;
  position: absolute;
  top: 27%;
  left: 5px;
}

.navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li:hover > ul,
.navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li:hover > ul:hover{
    display: block;
}
.navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li:hover,.navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li ul:hover{
  border-left: 0;
}

.dropdown-submenu>a:after{
  border:0;
  display: none;
  visibility: hidden;
}

.navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li{
  border-left: 1px solid #DDD;
}

.navbar-nav > li.dropdown  ul.nav-pills.nav-stacked > li:first-of-type > ul{
    display: block;
    z-index: 1;
}

.navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li:nth-child(1n+2):not(:hover)>ul{
    display: none;
}

.navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li > ul a{
    color: #414141;
    display: block;
    font: 17px/24px 'Alef Hebrew';
    padding: 0 26px 0 0;
    position: relative;
    text-align: right;
}
ul a:hover,ul a:active ul a:visited, ul a:focus{background: transparent;}
.navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li > ul a:before{
  content: "";
  background: url("includes/img/stars.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 5px;
  position: absolute;
  right: 10px;
  top: 11px;
  width: 9px;
}
.navbar-nav li{ list-style: none;}
.navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li > ul{
  z-index: 2;
  min-height: 100%;
  position: absolute;
  display: none;
  right: 100%;
  width: 200%;
  top: 0;
  border:0;
  border-radius: 0;
  padding: 10px;
  box-shadow: 0 1px 1px #F2F1F0,-2px 0 1px #F2F1F0;
  background: white;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
  background-color: transparent;
  border:0;
  border-radius: 0;
  color: inherit;
}
.navbar-nav > li.dropdown ul.nav-pills.nav-stacked ul li{
  border:0; 
}

.navbar-nav > li.dropdown:hover > .subsupermenu, 
.navbar-nav > li.dropdown > ul, .navbar-nav > li .subsupermenu:hover{
  display: block;
  border-radius: 0;
  top: 25px;
  right: 0px;
  box-shadow: none;
  position: absolute;
  width: 300%;
  margin-top: 0px;
  max-width: 300%;
  background: transparent;
  padding-right: 0;
  z-index: 99;
}

.navbar-nav .nav.nav-tabs{
    display: none;
    max-width: 100%;
    width: 100%;
}
.navbar-nav .nav.nav-tabs li{
    float: none;
}
#left-menu li{float: left;}
#left-menu a{background: transparent; color:black; font-size: 13px; padding: 0 2px;}
#left-menu a:after{content: '|'; padding-right: 4px;}
#left-menu li:first-child a:after{content: ''; padding-right: 0px;}
#left-menu .menu-item-type-custom:not(.lang-item) a{ color: transparent;}
#left-menu .menu-item-type-custom a span{ color: black;    margin-left: -10px;}
#left-menu .menu-item-type-custom a:after{ color: black;}

#searchform{
  display: none;
  float: left!important;
}
@media (max-width: 768px) { 
  .navbar-toggle{
    float: right!important;
  }
  .navbar-default{background: transparent!important;}
  .navbar-default .navbar-toggle .icon-bar {background-color: black!important;}
  .navbar-toggle{ background: transparent!important;}
  .navbar-toggle .icon-bar{margin-top: 0!important;}
  .navbar-toggle .icon-bar+.icon-bar{margin-top: 4px!important;}
  .navbar-default .navbar-nav>li>a{background-image: none;} 
  #left-menu a{
    margin-bottom: 0;
    margin-top: 0;
  }
  #searchform{
    display: block;
    margin: auto;
    float: none;
    text-align: center;
  }
}



/*
--------------- HOME PAGE CARUSEL ----------------
*/

#mainslider .carousel-indicators{
  padding: 0 7%;
  position: static;
  margin:0;
  width: 100%;
}

#mainslider .carousel-indicators li:first-child a{
  border-right: 0;
}
#mainslider .carousel-indicators li, #mainslider .carousel-indicators li.active{
  width: auto;
  height: auto;
  background: transparent;
  text-indent: 0;
  border: none;
}
#mainslider h2 , .singlepageheader h2{
  color: #FFFFFF;
  font: 3em/39px 'Alef Hebrew';
  padding: 25px 0 15px;
  overflow: hidden;
  font-weight: bold;
  display: table-cell;
}

#mainslider .text, .singlepageheader{
  color: #FFFFFF;
  font: 1.8rem/20px 'Alef Hebrew';
}

#mainslider .fimage{
  left:0;
  bottom: 0;
}

#mainslider .text a:hover{
  text-decoration: none;
}
#mainslider .text a, .singlepageheader a{
  margin-top: 15px;
  /*display: block;*/
  font: 1em/31px 'Alef Hebrew';
  font-weight: bolder;
  padding:10px;
  border-radius: 0;
  text-align: center;
  /*width: auto;*/
  background-color: white;
  /*max-width: 15%;*/
}

#mainslider .item{
  -webkit-box-shadow: inset 0px 1px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 1px 7px 0px rgba(0,0,0,0.75);
        box-shadow: inset 0px 1px 7px 0px rgba(0,0,0,0.75);
}

.indicators{
  background: white;
  height: 45px;
  -webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);
}

#mainslider .carousel-indicators li{
  border-bottom: 0;
  cursor: pointer;
  float: right;
  padding: 13px 0 11px;
  position: relative;
  border-radius: 0;
  height: 100%;
}

#mainslider .carousel-indicators li.active i{
  display: block;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus,.nav>li>a:hover, .nav>li>a:focus {
  background-color: transparent;
}
.nav-pills>li+li{
  margin: 0!important;
  margin-right: 0!important;
}
#mainslider .carousel-indicators li.active{
  border-bottom-width: 2px;
  padding: 13px 0 13px;
  border-bottom-style: solid;
}

#mainslider .carousel-indicators a{  
  border-radius: 0;
  border-right: 2px solid #E3E3E3;
  color: #898686;
  display: block;
  font: 1.2em/20px 'Alef Hebrew';
  height: 20px;
  padding: 0 5px;
}

#mainslider .carousel-indicators i{  
  display: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4.5px 5px 4.5px;
  border-color: transparent transparent #1356ab transparent;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -4px;
}

#mainslider h2, .singlepageheader h2 {
	margin-top: 0px;
}
@media (max-width: 768px) { 
  .indicators{height: 100%;}
  .indicators>div{padding-bottom: 0;}
  #mainslider .carousel-indicators li{
    width: 50%!important;
    border: 0;
    margin:0;
  }
  #mainslider .carousel-indicators li.active a{ border-right: 0; }
  #mainslider .carousel-indicators a{   margin-right: -4px; }
  #mainslider .carousel-indicators a{   border: 0; }
  #mainslider .carousel-indicators li.active{
    padding: 0;
    margin-bottom: -2px;
    border-bottom: 0;
    border-left-width: 2px; 
    border-right-width: 2px; 
    border-left-style: solid; 
    border-right-style: solid; 
    height: 30px;
  }
  #mainslider .carousel-indicators li, #mainslider .carousel-indicators li{
    padding: 0 2px;
    height: 30px;
    border-left-width: 0px; 
    border-right-width: 0px; 
    border-left-style: solid; 
    border-right-style: solid; 
  }


  .carousel-inner div:nth-child(2) a {
  	display: inline-block;
  }

  #mainslider h2, .singlepageheader h2{
    font: 2em/28px 'Alef Hebrew';
    padding: 15px 0 15px;
  }

  ul.carousel-indicators {
  	display: none;
  }
}

/*
--------------- HOME PAGE BOTTOM ----------------
*/
.homebottom{
    margin-top: 45px;
}
.homebottom .whitebg img{
  padding: 0;
}
.homebottom .whitebg .content{
  margin-top: 20px;
  color: #888888;
  font: 1.1em/20px 'Alef Hebrew';
}

.home .frame:before, .home .frame:after{
  z-index: -1;
}

.home .whitebg:first-child{
  margin-top: 30px;
}

.content.expert > div{
  max-height: 140px;
  overflow: hidden;
}

@media (max-width:768px){
  .content.expert > div{
    max-height: 107px;
    overflow: hidden;
  }
}
/*
--------------- FOOTER ----------------
*/
.main-content{padding-bottom: 50px;}
footer .container{padding-bottom: 0;}
footer h3{
  font: 1.8em/28px 'Alef Hebrew';
  color: white;
}
footer .footer-about *{
  color: #212121;
}
footer p {
	color: #8E8E8E;
}

.footer-top *:not(script){
    display: inline-block; 
    float: right;
}

footer .site-footer-bottom{padding: 15px;color: white;}
footer .site-footer-bottom aside.widget_sp_image{
  display: inline-block;
  width: auto;
  margin: 5px 10px;
}


.footer-top h3{
    color: #FFFFFF;
    font: 1.6em/28px 'Alef Hebrew';
    width: 30%;
    margin: 13px 0;
}
.footer-top input{
  font: 1em Alef,Arial;
  padding: 3px 10px 5px;
  border: none;
  color: #bebebe;
}
.footer-top input:focus{
  color: #000;
}

.footer-top .widget_wysija_cont{ width: 70%;}
.footer-top .widget_wysija_cont form{ width:100%; margin: 13px 0; height: 27px;}
.footer-top .widget_wysija_cont form > p{ width:40%; margin-left: 2.5%;}
.footer-top .widget_wysija_cont form > p input{ width:100%; height: 27px;}
.footer-top .widget_wysija_cont .wysija-submit{
  margin: 0; 
  height: 27px;
  background: #000; 
  color: #d3d3d3;  
  font: 1em/23px 'Alef Hebrew'; 
  float: left;
  width: 15%;
}
.footer-top .formError .formErrorContent{
    bottom: 50px;
    right: -150px;
}
footer .container.site-footer-inner{
  padding: 32px 0;
}
 #carousel-stories-footer {
  padding: 0;
  float: right;
  height: 130px;
}
.carousel.stories .frame{
  padding: 0;
  margin-top: 0;
  float: right;
  height: 75px;
  width: 75px;
  overflow: hidden;
}
.carousel.stories .frame img{
  width: 100%;
  height: auto;
}
.carousel.stories p{
  margin-bottom: 0;
}
.carousel.stories .text{
  /*position: relative;*/
  float: right;
  width: 80%;
  color: #8e8e8e;
  font:  1em/20px 'Alef Hebrew';
  display: block;
  margin-right: 4%;
}

.carousel.stories .commas{
  background: url("includes/img/commas.png") no-repeat scroll 0 0 transparent;
  height: 29px;
  position: absolute;
  right: 90px;
  top: 0;
  width: 32px;
  z-index: 1;
}

.carousel.stories  .carousel-control {
  width: auto; 
  opacity: 1; 
  filter: alpha(opacity=100);
  text-shadow: none; 
  background-image: none;
  top: 80px;
  width: 20px;
  height: 20px;
}

.carousel.stories .carousel-control.right{
  left: auto;
  right: 60px;
}
footer span.col-md-4{padding-right: 0;}
footer b, footer strong{color:white;}
footer .footer-about img {
  width: auto;
  max-height: 73px;
  margin: 0 5%;
}
/*gforms*/

footer .gf_browser_chrome.gform_wrapper{
  width: 70%;
}
footer .gform_wrapper input.button.gform_next_button, footer  .gform_wrapper input.button.gform_button[type="submit"]{
  color:black!important;
  height: 100%;
}
footer .gform_wrapper .gform_footer{
  clear: none;
  padding-top: 5px;
  margin-top: 0px;
  padding-bottom: 0;
  margin-bottom: 0;
  padding-right: 15px;
  height: 33px;
}
footer .gform_wrapper .top_label li.gfield.gf_inline:not(:last-child) {
  padding-left: 15px;
}
footer .gform_wrapper li:first-child label{display: inline-block; width: 5%;}
footer .gform_wrapper li:first-child .ginput_container{width: 90%;}


footer form * {
  display: inline-block;
  clear: none;
}

@media (max-width: 768px) { 
  .footer-top{padding:0 15px; }
  .footer-top h3{width: 100%; text-align: center;}
  .footer-top .widget_wysija_cont{ width: 100%;}
  .footer-top .widget_wysija_cont form > p{width: 34%;}
  footer #carousel-stories-footer{height: 300px;}
  footer .container.site-footer-inner{margin-top: 0; padding:0 15px; margin-bottom: 15px;}
  #carousel-stories-footer .text{margin-right: 10%;  width: 60%;}
  .footer-top input {
    font: 1em Alef,Arial;
    padding-left: 8px;
  }
    footer .footer-about img {
    width: 40%;
    margin: 0 5%;
  }
}
@media (max-width: 768px) {
  .footer-top .widget_wysija_cont .wysija-submit {
    margin: 0;
    height: 27px;
    background: #000;
    color: #d3d3d3;
    font: 1em/23px 'Alef Hebrew';
    float: left;
    width: 76px; 
  }
} 

/*
--------------- SLIDE BAR ----------------
*/
/*right slider*/
.sidebar img{
  width: 100%;
}
.sidebar .mainTitle{position: relative;}
.mainTitle img{
  position: absolute;
  right: 0;
  top:0;
  height: 100%;
  width: auto;
}
ul.news{
  background: #FFFFFF;
  /*min-height: 344px;*/
  padding-bottom: 30px;
  padding-right: 0;
}
ul#main-menu.news:after{
  content: '';
  height: 100px;
  width: 100%;
  background-image: url('includes/img/newsBottom06.png'); ;
  background-size: cover;
  display: block;
  margin-top: 20px;
  margin-bottom: -40px;
}

ul.news>li {
  background: url("includes/img/divider03.png") no-repeat scroll right bottom transparent;
  padding: 7px 0 6px;
  display: block;
  position: relative;
}
ul.news .children {
  list-style-type: none;
  padding-right: 5%;
  font-size: 95%;
}
ul.news li a{
  color: #595959;
  display: block;
  font: 1.1em/21px 'Alef Hebrew',Arial;
  margin-right: 4px;
  padding: 0 16px 5px 10px;
  width: 100%;
}
ul.news span {
  background: url("includes/img/stars.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 5px;
  position: absolute;
  right: 5px;
  top: 15px;
  width: 9px;
}
.facebookwhatsnew{padding-right: 0;}
.newsletterwhatsnew{padding-left: 0;}
.newsletterwhatsnew img{width:100%;}
.page-template-default .whatsnew .frame {max-height: 100px;}
/*starting from --sm--*/
@media (max-width : 992px) {

  ul.news{padding-bottom: 0;margin-bottom: 0; display: none;}
  .sidebar.open ul.news{padding-bottom: 0;margin-bottom: 0; display:block;}
  ul.news span{display: none;}
  ul.news li{width: 100%; background: transparent; padding: 0; display: inline-block; text-align: center;}
  ul.news i{padding: 0; text-align: center; line-height: 28px;}
  .whitebg.sidebar li a{width: auto;}
  .whitebg.sidebar li:last-child a{border-left: 0;}
  .facebookwhatsnew{padding-left: 0;}
  .newsletterwhatsnew{padding-right: 0;}
  ul#main-menu.news:after{    
    content: '';
    height: 0;
    width: 0;
    background:none;
    display: none;
  }
  .sidebar .navbar-toggle{
    float:left!important;
    width: auto;
    margin-left: 0;
  }
  .sidebar .mainTitle h3{
    width: 80%;    
    float: none;
    margin: auto;
    text-align: center;
  }
  .sidebar ul.news ul.children{
    display: none;
  }
}

.whatsnew.whitebg.sidebar .mainTitle{
    padding-top: 0;
    padding-bottom: 0;
    min-height: 40px;
}

.whitebg.sidebar .paperTop{
  background-position: 0 -111px;
  position: relative;
  top: -20px;
  margin-bottom: -5px
}

.whatsnew .featured .top.row .frame{
  height: 75px!important;
}
/*left sidebar*/
.whitebg.sidebar.left{
  padding: 5px 5px 10px 5px;
}
.whitebg.sidebar.left *{
  width: 100%;
}

.whitebg.sidebar.left a:nth-child(3){
  margin: 0;
}

@media (max-width: 768px){
  .whitebg.sidebar.left{
    width: 47%;
    float: right;
  }
  .whitebg.sidebar.left:nth-child(odd){
    margin-left: 5%;
  } 
  .whitebg.sidebar.left:first-child{
    margin-top: 30px;
  }
}


/*
--------------- SEARCH FORMS ----------------
*/
.searchform{
  margin:auto;
  float:none!important;
  z-index: 1;
  padding: 20px;
}
#wpas-load{
  text-align: center;
  background-image: url("includes/img/divider04.png");
  background-repeat: no-repeat;
  margin-top: 15px;
}
#wpas-load img{
  padding-top: 15px;
}
#wpas-load button{
  background-color:transparent;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
  border:0;
  cursor:pointer;
  color:#414141;
  font-size:15px;
  padding:6px 15px;
  text-decoration:none;
  text-shadow:0px 0px 0px transparent;
}
.searchform form >div .label-container{ width: 25%; float: right;}
.searchform form >div .label-container label{ 
  color: #4E4E4E; 
  float: right; 
  font: 1.1em/24px 'Alef Hebrew';
}

input[type="submit"]{width: auto!important;}

.searchform form >div input, .searchform form >div select{ width: 75%; float: right; padding: 0 5px;}
.search .btn.dblue{background-color: #00207d; color: white;}
.searchform .row{z-index: 5; position: relative;}

.whitebg .frame.search:after, .whitebg .frame.search:before{
  z-index: 0;
  width: 45%;
  left: 20px;
}

.whitebg .frame.search:after{ right: 20px;}

/*single page*/
.singlepageheader{
    -webkit-box-shadow: inset 0px 1px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 1px 7px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 1px 7px 0px rgba(0,0,0,0.75);
}

.page-template-default .paperTop{
      background-size: auto;
  background-position: 0 -179px;
}

@media (max-width: 768px){
  .searchform form >div .label-container {
    width: 100%;
  }
  .searchform form >div input, .searchform form >div select {
    width: 100%;
  }
}
/*
--------------- courses ----------------
*/
/*SINGLE CURSE*/
.course .frame{height: auto;}
.course .card{
  border: 2px solid #69BE8C;
  padding: 5px 20px;
  color:#4e4e4e;
}
.course .card h3{
  line-height: 23px;
  padding: 20px 0;
}
.course .card .contant{  font-size: 17px;}
.course .card .contant strong{ font-weight: normal!important;}
.course .card img{ padding-top: 20px; }

.course.row{
  background: #fafafa;
  border: 4px solid #7a89b2;
  padding: 1px;
  margin:10px -15px;
  z-index: 2;
  position: relative;
}
.course footer{
  color: #414141;
  font: 1.1em/18px "Alef Hebrew";
  text-align: center;
}
.acourse img{
  padding-top: 15px; 
  margin:auto; 
  display: block;
}
.acourse:nth-child(even){border-right: 1px solid #F3D9D9;}
.acourse > div{border-bottom: 1px solid #F3D9D9;}
.acourse{padding-right : 0; padding-left:0;}
  
.acourse .featured{
  background-color: #f0f4fa;
  background: url("includes/img/starStripe.png") no-repeat scroll 0 0 #f0f4fa;
}
  .anarticle div.frame {
    height:  110px;
}

/*
--------------- ARCHIVE STAFF PAGE ----------------
*/

.top.row .frame {
  min-height: 31%;
  background-position: 50%;
}

.frame.search {
  height: 40%;
}

.frame.small{
  width: 75px;
  height: 75px;
}

.frame.small .shadow{
  border-width: 3px;
}

.staff h4{
  color: #000000;
  font: 1.7em/22px 'Alef Hebrew';
  font-weight: bold;
  padding-top: 5px;
  margin-bottom: 0;
}

.staff h5{
  color: #414141;
  margin-top: 0;
  font: 1.2em/19px 'Alef Hebrew';
}
.staff .details{
  padding:10px 0px 20px;
}
.staff .details>div{
  padding-left: 0;
}
.staff blockquote{
  background: url("includes/img/commas02.png") no-repeat scroll right 15px transparent;
  padding-top: 27px;
  border: 0;
  padding-right: 38px;
}

.staff .frame img{
  position: relative;
  z-index: 1;
}

.staff .content>div>p:first-child{
  padding-top: 30px;
}

.staff .content blockquote p,
.staff blockquote p{
  color: #212121;
  font: 1.5em/22px 'Alef Hebrew';
  font-weight: bold;
  padding-right: 0;
}
.staff .content{
  border-bottom: 1px solid #CCCCCC;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.2);
  box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.2);
}
.staff .content p, .staff .content address:first-of-type{
  padding-right: 38px;
  color: #414141;
}

.staff .content address{
  display: inline-block;
  padding-right: 10px;
}

.whitebg article.staff{padding: 0;margin-top: 0;}

.single-team .frame{
  height: auto;
}
.pagination{
  display: block; 
  text-align: center;
  border-top: 2px solid #FECCCC;
  background-repeat: no-repeat;
  margin-top: 15px;
  padding-top: 15px;
  border-radius: 0; 
}

@media (max-width: 768px){
  .page-template-template-staff .container #content .staff > .row{
    margin-right: 0;
    margin-left: 0;
  }

  .page div.frame.small {
    height: 75px;
    max-width: 100%;
  }
}
/*
--------------- SINGLE EVENT ----------------
*/
.event .whitebg:first-child .paperTop{
  background-position: 0 -143px;
}
.event .whitebg .paperTop{
  background-position: 0 -202px;
}

.greybg.row{max-width: 100%;margin:auto;}
.letter{
  background: url("includes/img/letterContainer.png") repeat scroll 0 0 transparent;
  border: 1px solid #BFC7D8;
  background-color: #CF4F4F;
  padding: 5px;
  margin: 15px auto;
}

.event .letter .greybg{
  background-image: url("includes/img/letterStamp.png");
  background-repeat: no-repeat;
}

.single-events .moredetails .frame{
      height: auto;
}

.letter h3, .card h3{
  margin-top: 0;
}
.letter>div{
  padding-top: 15px;
  padding-bottom: 15px;
}

.checkbox-wrap.label-right > input{
  width: auto;
  margin-left: 0;
  margin-right: 10px;
}

@media (max-width : 768px) {
  .single-events .nopad{
    padding: 0!important;
  }
}

.events .posts .widget_calendar td>button{
  border-radius: 100%;
  height: 25px;
  width: 25px;
  padding: 0;
  background-color: #1356ab;
  color: white;
  font-weight: bolder;
}

/*
--------------- ARCHIVES ----------------
*/

.col-sm-3 input[type="submit"]{
  float: left;
}

@media (min-width : 768px) {
  .archive div.anevent:not(:first-child) {
        border-top: 1px solid #FECCCC;
  }
  .events .posts .calender{width: 100%;}
  .events .posts .featevents:nth-child(-n+4){width: 100%;}
}
@media (min-width : 768px) {
  .events .posts .col-md-4.apost:first-child{border-left: 0; border-bottom: 1px solid #FECCCC;}
  .events .posts .frame{background-position: 50% 25%;}
  .events .posts .calender{width: 50%;}
  .events .posts .featevents:nth-child(-n+4){width: 50%;}
}
@media only screen and (max-width : 1200px) {
  .events .posts .calender{width: 30%;}
  .events .posts .featevents:nth-child(-n+4){
    float: right;
    width: 70%;
  }
}

.events .posts > div:first-child{
  overflow: hidden;
  border-left: 1px solid #FECCCC;
  min-height: 300px;
  height: 100%;
  border-bottom: 0;
  float: right;
}

.events .paperTop{
  background-position: 0 -143px;
  background-size: auto;
}
.events .posts .headline{margin-bottom: 10px;}
.events .posts > div:last-child{
  border-bottom: 0;
}
.events .posts>div{
  border-right: 0;
  border-left:0;
  border-bottom: 1px solid #FECCCC;
  padding: auto;
}

.events .posts img{
  margin:auto;
  float: none;
  display: block;
}
.events .posts span.shadow{border-width: 3px;}
.events .posts>div:nth-child(1n+2) .frame{position: relative; height: 75px; width: auto;}
.events .posts .frame{position: relative; height: 200px; width: auto;}
.events .frame:before, .events .frame:after{bottom: 15%; top: 75%; width: 51%;}
.events .posts  .superbottom{position: static;}
.events .posts  h4{
  color: #212121;
  margin-top: 0;
}
.events .posts  h5{
  color: #212121; 
  line-height: 24px;
  font-size: 1.6em;
  padding: 5px 0;
  margin-bottom: 0;
}
.events .widget_calendar caption{
  font-size: 20px;
  font-weight: normal;  
}
.events .widget_calendar table{
  margin-bottom: 0;
  margin-top: 15px;
}
.anevent .frame{min-height: 75px;}
.events .posts  a,.posts  a:hover{ text-decoration: none;}

.whitebg article{
  margin-top: 25px;
  padding: 20px;
}
article{
    color: #414141;
}
.search-results .anarticle{
  border-bottom: 1px solid #FECCCC;
}

.anarticle > .row{border-bottom: 1px solid #FECCCC; padding-bottom: 10px;}
.anarticle .frame{min-height: 100px;}
.anevent.featured{background: url("includes/img/stamp.png") no-repeat scroll 0 bottom #e7eef6;}
.anevent:nth-child(even){border-right: 1px solid #FECCCC;}


.carousel.stories.page{
  min-height: 120px;
}
.carousel.stories.page i{
  color: black;
}
.carousel.stories.page .item{
  padding-top: 10px;
}
.carousel.stories.page .carousel-control{top:90px;}

.staff .apost.row:not(:last-of-type){
   border-bottom: 1px solid #FECCCC;
}

.staff .superbottom{
  position: static;
}

/*
--------------- GATE ----------------
*/
.page-template-template-gate .articles .apost {height: 370px;}
.page-template-template-gate .articles .apost .frame:not(.small){ height: 150px;}
.page-template-template-gate .articles .apost .frame:not(.small):before, 
.page-template-template-gate .articles .apost .frame:not(.small):after{ top:88%;}
.page-template-template-gate .apost .halfheight:last-child{ margin-bottom: 30px;}
.page-template-template-gate .apost .halfheight:first-child{ margin-bottom: 0px;}

.page-template-template-gate .links .apost .frame:not(.small){height: 100px; width: 100%; }
.page-template-template-gate .links .apost{padding: 0;}
.page-template-template-gate .links .apost .frame:not(.small) img{height: 100px; width: 100%;}

@media (max-width: 768px){
  .content.pt img,
  .page-template-template-gate .links .apost img{
    margin:auto;
    float:none;
    width: 100%;
  }
  #carousel-stories-page .text{
    width: 65%;
  }
  .page-template-template-gate .staff .row.apost{
    margin: 0;
  }
  .page-template-template-gate .staff .row.apost > div:last-child{
    padding-left: 0;
  }
  
  .page-template-template-gate main> div{padding:0;}

  .page-template-template-gate .col-sm-6[style='padding-right:0;']{padding-left: 0;}
  .page-template-template-gate .links .apost .frame:not(.small),
  .page-template-template-gate .links .apost .frame:not(.small) img
    {height: 150px;}
  .page-template-template-gate .links .apost .frame:before, .frame:after{top: 88%;}
  .page-template-template-gate .links .apost h3{margin-top: 0;}
}

/*
--------------- WHATSNEW ----------------
*/

.whitebg.whatsnew .side:nth-child(odd){border-right: 1px solid #FECCCC;}
.whitebg.whatsnew .headline{
  background-color: #e6eef6;
  color: #212121;
}
.whatsnew .frame{
  height: 75px;
}
.whitebg.whatsnew  .superbottom.bottomLink{position: static;}
.whitebg.whatsnew .headline h5{
  font-size: 17px;
  font-weight: bold; 
  padding : 2px 15px;
}
.fts-jal-fb-header, .fts-jal-fb-user-thumb, .fts-jal-fb-user-name, .fts-powered-by-text{
  display: none!important;
  visibility: hidden!important;
}
.fts-jal-fb-post-time{text-align: left;}
.fts-jal-single-fb-post:nth-child(1n+2){ display: none;}

.facebookwhatsnew iframe, .newsletterwhatsnew iframe{
  max-height: 400px;
}

@media (max-width : 768px) {
  .whitebg.whatsnew .side:nth-child(odd){
    border-right:0;
    border-top:1px solid #FECCCC;
    border-right:0;
    margin-top: 15px;
  }
  .col-sm-10 > .whitebg.whatsnew{
    padding: 0;
  }
  .whitebg.whatsnew .side .top > div:first-child{
    padding-left: 0;
  }
}


/*
--------------- NESLETTERS ----------------
*/
.newsletters .one:nth-child(odd){border-left: 1px solid #FECCCC; clear:right;}
.newsletters .one:nth-child(even){clear:left;}


/*ABOUT US*/
a.oneimageframe.right{
  display: inline-block;
  float: right;
  position: relative;
  margin-left: 15px;
  padding: 0 3px 55px 9px;
}
a.oneimageframe:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("includes/img/frame.png") no-repeat scroll 0 0 transparent;
  background-position: -400px -600px;
}

a.oneimageframe.right img{
  margin-left: 0;
  padding-top: 12px;
}

a.twoimageframe:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("includes/img/frame.png") no-repeat scroll 0 0 transparent;
  background-position: -1200px 0;
}
.page-template-template-about table td{
  width: 45%;
  vertical-align: top;
  padding-right: 2.5%;
  padding-left: 2.5%;
  color: #414141;
  font-size: 1.6rem;
}
.page-template-template-about .staff .content blockquote p,
.page-template-template-about .staff blockquote p{
  font: 1.5em/30px 'Alef Hebrew';
}
.page-template-template-about .greybg>div>div:nth-child(odd){
  clear: right;
}

.page-template-template-about .greybg>div>div:nth-child(even){
  clear: left;
}

a.twoimageframe img{
  margin-right: 0;
  padding-right: 45px;
  float: none;
  width: 100%;
  padding-top: 5px;
  padding-left: 9px;
}
a.left.twoimageframe{
  display: inline-block;
  float: left;
  position: relative;
  margin-left: 11px;
  padding: 0px 2px 232px 0px;
}
.aboutus h4{ font: 1em/21px 'Alef Hebrew'; margin-top: 0;}
.aboutus h5{
  color: #414141;
  font-size: 3.5rem;
  padding: 0 0 0 5px;
}

.aboutus li, .aboutus p{
    color: #414141;
    font-size: 1.6rem;
}

.aboutus .content{
  margin-top: 15px;
}
.aboutus .letter  .content>*:first-child{padding: 0; margin: 0; height: 0;}
.aboutus .letter .content a{
  color:  #1d5fb3;
  line-height: 24px;
  font-size: 2em;
  padding-bottom: 5px;
}

.aboutus .letter .frame{
  padding: 0;
  overflow: hidden;
}

.aboutus .staff .content{margin-top: 0;}
.aboutus .staff h5{font: 1.2em/19px 'Alef Hebrew';}
.aboutus .row.section:nth-child(6) h3{
  color: white;
  font-size: 3.5rem;
}

.aboutus ul{
  display: inline-block;
  width: 70%;
  padding-right: 10px;
}
.aboutus ul li{
  list-style-type: none;
  width: 45%;
  float: right;
  margin-left: 5%;

}

.aboutus #pagination a{
  cursor: pointer;
  color: #414141;
  font-size: 15px;
  padding: 6px 15px;
  text-decoration: none;
}
.aboutus #pagination{
  padding: 10px;
  text-align: center;
}

.aboutus .ajax{
  display: none;
}

.page-template-template-about .aboutus .details h4{
  font-size: 2.3rem;
}

@media (max-width: 768px){
  .aboutus .row.section:nth-child(3){
    max-height: none;
  }
  .aboutus .row.section:nth-child(6){
    background-color: #1356ab;
    background-size: contain!important;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-top: 20px;
    padding-bottom: 80px;
  }
  .aboutus .frame.small{
    max-width: 25%;
    height: auto;
  }
  .aboutus .row.section h2{text-align: center;}
  a.twoimageframe img{padding-right: 0;}
  a.left.twoimageframe.left{
    margin:auto;
    padding: 0px 0px 225px 0px;
  }
  a.oneimageframe.right{margin:auto;}
  .aboutus ul{
    width: 100%;
  }
  .aboutus ul li{
    width: 100%;
  }
  .page-template-template-about table td, .page-template-template-about table tr{
    display: block;
    width: 100%;
  }
  a.oneimageframe:before{background: none;}
  .page-template-template-about .letter h3, .card h3{text-align: center;}
  .page-template-template-about .aboutus .frame.small{ float: right; margin: 0 0 0 15px;}
  .page-template-template-about .letter .greybg.row > div{ padding-left: 0; padding-right: 0;}
}

/*
--------------- CONTACT PAGE ----------------
*/
.page-template-template-contact .whitebg .apost .row:not(.mainTitle),
.page-template-template-contact .whitebg .enablepadding{padding: 20px;}
.page-template-template-contact .whitebg .apost .row:not(.mainTitle) span{font-size: 120%;}
.page-template-template-contact .whitebg .apost .row:not(.mainTitle) img{
    position: absolute;
    left: 0;
    top: 85%;
}
.page-template-template-contact .whitebg .apost:last-child{ border-right: 1px solid #FECCCC; max-height: 300px;}
.page-template-template-contact .whitebg .wpcf7-form label{ width: 30%; color: #4E4E4E; font-size: 1.5rem;line-height: 26px;}
.page-template-template-contact .whitebg .wpcf7-form input{ width: 60%;}
.page-template-template-contact .whitebg .wpcf7-form textarea{ width: 60%; height: 50px;}
.page-template-template-contact .whitebg .wpcf7-form .wpcf7-checkbox .wpcf7-list-item{display: block; padding-right: 0;}
.page-template-template-contact .whitebg .wpcf7-form .wpcf7-checkbox .wpcf7-list-item label{position:relative; padding-right: 0;}
.page-template-template-contact .whitebg .wpcf7-form .wpcf7-checkbox .wpcf7-list-item label span{width: 100%; color: #4E4E4E; font-size: 1.5rem;line-height: 26px;}
span.wpcf7-list-item{padding-right: 0;}
.page-template-template-contact .whitebg .wpcf7-form textarea,
.page-template-template-contact .whitebg .wpcf7-form input{ 
    background: #FFFFFF;
    border: 1px solid #DEDEDD;
    color: #4E4E4E;
    padding: 2px 10px;
}
.page-template-template-contact .whitebg .wpcf7-form .wpcf7-checkbox .wpcf7-list-item label input{
    width: auto;
    position: absolute;
    top: 0;
    left:-10%;
}
.page-template-template-contact .col-md-6:nth-child(odd){padding-right: 0;}
.page-template-template-contact .col-md-6:nth-child(even){padding-left:0;}

@media (max-width: 768px){
  .page-template-template-contact .whitebg .wpcf7-form textarea{ width: 100%; height: 50px;}
  .page-template-template-contact .whitebg .wpcf7-form input{ width: 100%;}
  .page-template-template-contact .whitebg .wpcf7-form label{ width: 100%;}
  /*.page-template-template-contact .whitebg .enablepadding,*/
  .page-template-template-contact .whitebg .apost .row:not(.mainTitle){padding: 0px;}
  .page-template-template-contact .whitebg .apost:last-child{ border-right:0;border-top: 1px solid #FECCCC;}
  .page-template-template-contact .whitebg .wpcf7-form .wpcf7-checkbox .wpcf7-list-item label span{padding-right: 15px}
  .page-template-template-contact .whitebg .wpcf7-form .wpcf7-checkbox .wpcf7-list-item label input{top:3px; right: 10px;}
  .page-template-template-contact .whitebg .apost .row:not(.mainTitle) img{display: none;}
  .page-template-template-contact .col-md-6:nth-child(odd){padding-left: 0;}
  .page-template-template-contact .col-md-6:nth-child(even){padding-right: 0;}
}

.flex-con{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.flex-con .col-md-4{
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 33.33333333%;
      -ms-flex: 1 33.33333333%;
          flex: 1 33.33333333%;
}

.flex-con .col-md-4 img{
  margin:auto;
  text-align: center;
  width: 100%;
}

@media (min-width: 1200px){
  .container {
      width: 1100px;
  }
}


/*Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

 /*Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery 
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}


/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}


/* Clearing */
.clear {
	clear: both;
}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/*
 == Quick CSS styling tips ==

 You can start off in a rough direction with some minimal styles.
 See below for some tips. ;)


 == Want to have the whole site wrapped? ==

 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.

 .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }


 == Want to wrap just the content and sidebar in Bootstrap style? ==

 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!


 == Infinite Scrolling by Jetpack ==
 You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html..

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */

/*
.infinite-scroll .page-links,
.infinite-scroll.neverending .site-footer {
	display: none;
}
*/

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

/*
.infinity-end.neverending .site-footer {
	display: block;
}
*/

/* Hey, if you don't need my comments anymore, just delete me! :)  */

/* Navigation */

.navbar-default{
    background:none!important;
    border:none!important;
}

.navbar-collapse{
    padding:0;
}

.site-navigation-inner{
    padding: 13px 0 8px;
    float: right;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus{
    background:none;
    color:#fff;
}

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus{
    background-color:transparent;
}

.navbar-default .navbar-nav>li > ul{
  max-width: 100%;
  margin-top: 65px;
  display: none;
  background: white;
  top:0;
}

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

.dropdown-menu li a{
    padding:10px 20px;
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus{
    background:transparent;
    outline: none;
}

.navbar-toggle{
    float:none;
    margin:0;
    width:25%;
    border-radius:0;
    background:#111;
    border:none;
}

.navbar-header{
    text-align:center;
}

.sr-only{
    overflow:visible;
    position:relative;
}

.navbar-toggle .icon-bar{
    /*margin-top:-20px;*/
    background-color:#fff !important;
}

@media (max-width:768px){
  .site-navigation{ padding:0;}
  .site-navigation-inner{ float:none; padding:13px 0 0;}
  .navbar{ min-height:0; margin-bottom:0;}
  .navbar-nav{  margin:0;  box-shadow:none;}
  .navbar-default .navbar-nav{padding-top: 10px;}
  .navbar-nav>li>a{ padding:10px 20px;}
  .navbar-default .navbar-collapse{ border:none;box-shadow:none; }
  
  .navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li:last-child{
    border-bottom: 0;
  }
  .navbar-default a{ text-align:center;}
  .site-navigation-inner{padding-bottom: 10px;}
  .navbar-default .navbar-nav .open .dropdown-menu>li>a{ color:#fff; }
  .navbar-nav > li.dropdown .subsupermenu,
  .navbar-nav > li.dropdown:not(.open):hover > .subsupermenu,
  .navbar-nav > li.dropdown ul.nav-pills.nav-stacked li:first-of-type > ul {
    display: none;
  }
  .navbar-nav > li.dropdown:hover ul.nav-pills.nav-stacked{
    margin-top: 0;
    background-color: transparent;
  }
  .navbar-nav > li.dropdown.open > .subsupermenu, 
  .navbar-nav > li.dropdown.open > ul{  
    position: static; 
    max-width: 100%;
    padding: 0 10px;
  }
  .navbar-nav > li.dropdown.open a{  
      height: 30px;
  }
  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    background-color: #555;
    color: white;
    margin-top: 0;
    margin-bottom: 0;
    margin: 5px 0;
  }
  .navbar-nav > li.dropdown > ul:before, .subsupermenu > ul:before{
    background:transparent; width: 0; height: 0;
  }
  
  .navbar-nav > li.dropdown.open{
    background-color:#e7e7e7;
    height: 100%;
    -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
    margin: 0 10px;
  }
  .navbar-nav > li.dropdown.open ul.nav-pills.nav-stacked li a{
    text-align: center;
  }
  .navbar-nav > li.dropdown:hover ul.nav-pills.nav-stacked ul{
    display: none;
  }
  .navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li{
    border-width: 0px 0px 1px 0px; 
    border-radius: 0;
    box-shadow: none;
  }
  .navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li > ul{
    position: static;
    max-width: 100%;
    box-shadow: none;
    display: none;
  }
  .navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li > ul img{
    display: none;
    visibility: hidden;
  }
  .navbar-default .navbar-nav>li>a{margin:10px auto;} 
  .site-navigation-inner ul#left-menu{ padding: 15px 10px 5px;}


  #left-menu a:after{
    padding-right: 10px;
  }
}


@media (min-width:768px){

    .site-navigation-inner{
        float:right;
        padding:13px 0;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a{
        color:#111;
    }
}


.sr-only{
  display: none;
}

/*---------------------------------ENGLISH---------------------------------*/
html:lang(en)  #mainslider .fimage{left: auto; right:0; }
html:lang(en) .footer-top * {
  float: left;
} 

html:lang(en) #mainslider .text{
  left: auto;
  right: 0;
}

html:lang(en) .carousel-inner > .active {
    right: auto;
    left: 0;
}
html:lang(en) .carousel-inner > .item{
  -webkit-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left;
  transition: .6s ease-in-out left;
  height: 160px;
}

html:lang(en) form#form-wysija-2 p.wysija-paragraph:nth-child(2) {
      margin-right: 7px;
}

html:lang(en) .footer-top .widget_wysija_cont .wysija-submit {
  width: 13%;
}

/*top nav en*/
html:lang(en) .navbar-nav > li.dropdown:hover > .subsupermenu, .navbar-nav > li.dropdown > ul, .navbar-nav > li .subsupermenu:hover{
  right: auto;
  left: 0;
  padding-left: 0;
}
html:lang(en) .navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li > a{text-align: left;}
html:lang(en) .navbar-nav > li.dropdown ul.nav-pills.nav-stacked li:hover i{
  left: auto; 
  right: 5px; 
  top:5px;
  -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg);        /* FF */
  -o-transform: rotate(180deg);          /* Opera */
  -ms-transform: rotate(180deg);         /* IE9 */
  transform: rotate(180deg);             /* W3C compliant browsers */

  /* IE8 and below */
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
}
html:lang(en) ul.news>li {
  background: url("includes/img/divider03.png") no-repeat scroll left bottom transparent;
}
/*html:lang(en) #main-menu.navbar-nav{width: 60%;}*/
html:lang(en) #left-menu.navbar-nav{ margin-right:0;padding-right: 0;}
html:lang(en) #left-menu.navbar-nav li{float: right;}
html:lang(en) #left-menu a:after{padding-right: 0; padding-left: 4px;}
html:lang(en) #left-menu li:first-child a:after{padding-right: 0; padding-left: 0px;}
html:lang(en) #left-menu .menu-item-type-custom a span{ margin-left: 0px;margin-right: -10px;}
html:lang(en) #main-menu.navbar-nav>li:first-child>a{ background-image: url("includes/img/divider01.png");}
html:lang(en) #main-menu.navbar-nav>li:last-child>a{ background-image: none;}
html:lang(en) .navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li {border-left:0;}
html:lang(en) .navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li {border-right: 1px solid #DDD;}
html:lang(en) .navbar-nav > li.dropdown:hover ul.nav-pills.nav-stacked{padding-right:0; }
html:lang(en) .navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li > ul a{
  text-align: left;
  padding: 0 0 0 26px;
}
html:lang(en) .navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li > ul a:before{
  right: auto;
  left:5px;
  top:10px;
}
html:lang(en) .navbar-nav > li .subsupermenu img{
  left:auto;
  right: 0;
}
html:lang(en) #searchform{float: right!important;}
html:lang(en) .newsletters .one:nth-child(odd){ border-left:0;clear:left;}
html:lang(en) .newsletters .one:nth-child(even){border-left: 1px solid #FECCCC; clear:right;}

html:lang(en)  .homebottom .whitebg img{
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

html:lang(en) .mainTitle a{
  text-align: right;
  background: url("/National_Library/oe_/http://www.bina.org.il/imagesEn/arrow03.png") no-repeat scroll right 10px transparent;
}

html:lang(en) .posts .apost:nth-child(3n+3){border-left: 1px solid #FECCCC;}
html:lang(en) .posts .apost:first-child{border-left:0;}


html:lang(en) ul.news{ padding-left: 0;}
html:lang(en) ul.news li a{ padding: 0 10px 5px 16px; margin-right: 0; margin-left: 4px;}
html:lang(en) ul.news span{right:auto;left: 5px;}
html:lang(en) ul.news .children { padding-right:0; padding-left: 5%;}
html:lang(en) .sidebar.whatsnew{margin-top: 40px;}
html:lang(en) .mainTitle img{left: auto; right: 0;}

html:lang(en) #mainslider h2, 
html:lang(en) .singlepageheader h2{ line-height: 48px;}

html:lang(en) #mainslider .carousel-indicators li{float: left;}
html:lang(en) #mainslider .carousel-indicators li:first-child a{ border-right: 2px solid #E3E3E3;}
html:lang(en) #mainslider .carousel-indicators li:last-child a{ border-right: 0;}

html:lang(en) .searchform form >div .label-container{float: left;padding-right: 15px;}
html:lang(en) .searchform form >div input, .searchform form >div select{float:right;}

html:lang(en) .staff blockquote{    background: url("includes/img/commas02.png") no-repeat scroll left 15px transparent; padding-right: 0; padding-left: 38px;}

html:lang(en) .whitebg.whatsnew .side:nth-child(odd){border-right: 0;}
html:lang(en) .whitebg.whatsnew .side:nth-child(even){border-right: 1px solid #FECCCC;}

html:lang(en) .newsletterwhatsnew{ padding-left: 15px;padding-right: 0;}
html:lang(en) .facebookwhatsnew{ padding-right: 15px;padding-left: 0;}
html:lang(en) .whitebg .frame.search:after, .whitebg .frame.search:before{left: auto; right:0;}

html:lang(en) .page-template-template-about .greybg>div>div:nth-child(odd){ clear: left;}
html:lang(en) .page-template-template-about .greybg>div>div:nth-child(even){ clear: right;}
html:lang(en) .carousel.stories .frame,
html:lang(en) .carousel.stories .text{float:left;}
html:lang(en) .carousel.stories .text{margin-right: auto; margin-left: 5%;width: 60%; height: 160px;}
html:lang(en) .carousel.stories .commas{right: auto; left: 20%;}
html:lang(en) .carousel.stories .carousel-control{left:60px; right: auto;}
html:lang(en) .carousel.stories .carousel-control.right{left:-5px; right: auto;}

html:lang(en) .page-template-template-contact .col-md-6:nth-child(odd){padding-right: 15px; padding-left: 0;}
html:lang(en) .page-template-template-contact .col-md-6:nth-child(even){padding-right: 0; padding-left: 15px;}
html:lang(en) .page-template-template-contact .whitebg .apost .row:not(.mainTitle) img{left:auto; right: 0;}
html:lang(en) .page-template-template-contact .whitebg .apost:last-child{border-right:0;border-left: 1px solid #FECCCC;}

html:lang(en) .events .posts > div:first-child{border-right: 1px solid #FECCCC; border-left: 0;}
html:lang(en) footer span.col-md-4{padding-left: 0;}
html:lang(en) footer #carousel-stories-footer{float: left;}


@media (max-width: 768px){
  html:lang(en) .newsletterwhatsnew{ padding-left: 0;padding-right: 0;}
  html:lang(en) .facebookwhatsnew{ padding-right: 0;padding-left: 0;}
  html:lang(en) .facebookwhatsnew{ padding-right: 0;}
  html:lang(en) .whitebg.whatsnew .side:nth-child(even){border-right: 0;}
  html:lang(en) .whitebg.whatsnew .side:nth-child(odd){border-top: 1px solid #FECCCC;}
  html:lang(en) .events .posts > div:first-child{border-right: 0; border-left: 0;}
  
  html:lang(en) #searchform{float: none!important;}
  html:lang(en) #main-menu.navbar-nav { width: 100%;padding-right: 0;}
  html:lang(en) .navbar-default .navbar-nav>li>a {float:none; padding: 0; margin:10px auto;}
  html:lang(en) #left-menu.navbar-nav{width: 100%;padding-right: 25%;}
  html:lang(en) .navbar-nav > li.dropdown:hover > .subsupermenu, .navbar-nav > li.dropdown > ul, .navbar-nav > li .subsupermenu:hover {padding-right: 0;}
  html:lang(en) .navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li{border-right: 0;}
  html:lang(en) .navbar-nav > li.dropdown ul.nav-pills.nav-stacked > li > a{text-align: center;}
  html:lang(en) .navbar-nav > li.dropdown.open a{float: none; text-align: center; margin-right: 0;}
  html:lang(en) .navbar-default a{float: right; margin-right: 25.333333%;}
  html:lang(en) .navbar-toggle{width: auto;}
  html:lang(en) .navbar-default .navbar-nav>li:first-child>a {
    background-color: transparent;
    background-image: none!important;
  }
  html:lang(en) ul.news li a{padding: 0; margin:0;}
  html:lang(en) ul.news>li{background: none;}

  html:lang(en) .page-template-template-about .staff .details>div{
    padding-left: 15px;
    padding-right: 0; 
  }
  html:lang(en) .page-template-template-gate .staff{padding-right: 0;}
  html:lang(en) .page-template-template-about .staff .content p, .staff .content address:first-of-type{
    padding-right: 15px;
  }
  html:lang(en) .page-template-template-gate .images{padding-left: 0;}
  html:lang(en) .mainTitle h2{text-align: left;}
  html:lang(en) .linktoarchive{text-align: left;}

}


@media (min-width: 1900px){
  /*html:lang(en) #mainslider .text{margin-left: 20%; margin-right:auto;}*/
}