/*   
Theme Name: env-hfn-2
Theme URI: 
Description:
Author: Eli Lev
Author URI: Elilev.me
Version: 2
*/

@import url('https://fonts.googleapis.com/css?family=Assistant:400,700&display=swap&subset=hebrew');

body{  
  background: #fefefe;
}

body, h1, h2, h3, h4, h5, h6, button, .button {
  font-family: 'Assistant', sans-serif;
}

.button{
	background: #c3a243;
}
button.tiny, .button.tiny{
	font-size: 1rem
}

#more_posts.button {
	border: 2px solid #011643;
	color: #011643;
	background: white;
	padding: 10px 50px;
}

#more_posts.button:hover {
	background: #011643;
	color: white;
}

.bg{
   background: #fff;
   box-shadow: 0 0 30px 19px #ddd; 
   margin: 0 auto;
   max-width: 62.5em;	   
}
.m20{margin-top: 20px;}
.m40{margin-top: 40px;}
.m60{margin-top: 60px;}


.header_top {
	background: #011643;
	padding: 20px 0 30px;
}

.header_top h1 {
	color: white;
	font-size: 45px;
	font-weight: bold;
	margin: 0;
}

.header_top h1 a {
	color: white;
}

.header_top h2 {
	color: #c3a243;
	margin: 0;
	font-size: 20px;
	line-height: 1;
}

header .menu {
	background: #011643;
}

.logo{
	background: url(/wp-content/uploads/2020/09/logo_blue.png) no-repeat center center / contain;
	width: 153px;
	height: 93px;
	display: inline-block;
	text-indent: -999em;
}
.logo-mobile{
	text-indent: 0;
}
.social{
	padding:30px 0 0 1.5em;
}
.social i{
	color:#fff;
	font-size: 20px;
	padding:9px 13px;
	background:#3b5999;
	border-radius: 50%;
	width:36px;
	height: 36px;
}
.social i:hover{
	color:#eee;	
}


@media only screen and (max-width: 64em) { 

	.social{
	 padding: 10px;
   margin: 7px 119px 0px 0;
    display: inline-block;
	}
	
}
.large-nav{
	height:30px;
	background:#12264b;
	font-size:12px;

}
nav .main-menu ul{
	margin:0;
	padding:0 15px;

}
	nav .main-menu ul li{
		list-style-type:none;
		float:right;
		margin-left:15px;
		 position: relative;
		
	}
	nav .main-menu ul li i{
		margin-left: 1.2125em;
	}
		li.current-menu-parent a, li.current-menu-item a{
			font-weight:bold;
		}
		li.current-menu-item .sub-menu li a{
			font-weight:normal;
		}
	nav .main-menu ul li a{
		color:#fff;
		font-size: 16px;
		padding: 5px 10px;
		display: inline-block;
	}

nav .main-menu ul li a:hover{
		text-decoration:underline;
}

nav .main-menu ul li ul {
  padding: 0;
  position: absolute;
  right: 0;
  width:420px;
  padding-right:10px;
  display: none;
  background: #12264b;
  z-index: 1000;
}
nav .main-menu ul li ul li {
  width:180px;
  text-align:right;
}
nav .main-menu ul li ul li a{ 
  padding: 5px 10px;
}
nav .main-menu ul li ul li:hover {text-decoration: underline; }
nav .main-menu ul li:hover ul {
  display: block;
}
.search-form{
	padding:5px;
	position: relative
}
.search-form input{
	padding:3px;
	height: auto;
	font-size: 12px;
	margin:0;
	position: relative;
}
.search-form button {
	padding: 3px;
	background: none;
	 position: absolute;
 	 left: 10px;
	top:4px;
	}

.search-form  i.icon-search{
	display: block;
	width: 18px;
	height: 18px;

	background: #fff url(images/search-icon.png) no-repeat;
}


.top-bar-section .search-form input{
	padding:13px;
}
	.top-bar-section .search-form button{
		top: 16px;
	}

.alignright{
	float:right;
	    margin: 0 0 0 20px;
}
.alignleft{
	float:left;
	    margin: 0 20px 0 0;
}

.wp-caption{
	width:100%;
}
.wp-caption-text{
	font-size: 10px;
	padding:0 5px;
	background: #fff;
}

.top-bar{
	background:#fff;
	height: 4em;
}
.top-bar .name{
	height: 4em;
}
.top-bar.expanded{
		background:#fff;
		min-height: 390px!important;
}

.top-bar.expanded .title-area{
		background:#fff;
	
}
.top-bar .title-area{
	height: 80px;
}
.top-bar .logo{
	height: 50px;
	width: 83px;
    float: left;
    margin: 8px 20px!important;
}

.top-bar .social-mobile{
   position: absolute;
    right: 30%;
    top: 18px;
    color: #fff;
    font-size: 20px;
    padding: 2px 9px;
    background: #3b5999;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    

}
.top-bar .toggle-topbar.menu-icon a{
	color:#333;
}
.top-bar-section ul li{
	background:#fff;
	border-bottom: 1px solid #eee;
}
	.top-bar-section ul li:hover{
		background:#eee;
	}
		.top-bar-section ul li>a{
			color:#333;
			padding-right:15px;
		}

.top-bar .toggle-topbar.menu-icon a span::after{
	box-shadow: 0 0 0 1px #333,0 7px 0 1px #333,0 14px 0 1px #333;

}

.top-bar .toggle-topbar{
	left:auto;
	right:0;
}
.top-bar .toggle-topbar.menu-icon a{
	margin-right: 30px;
}

.top-bar-section .has-dropdown>a:after{
	border-color: transparent rgba(0, 0, 0, 1) transparent transparent;
}

/*@media only screen and (min-width: 64.063em) { 
#acp-toolbar-wrap{
	display:none;
}
}*/
@media only screen and (max-width: 64em) { 

.acp_toolbar_manual_wrap{
	background:#fff;
}
#acp-toolbar-wrap.right{
	float:none!important;
}

#acp-toggle-toolbar{
	position: relative!important;
	right:auto!important;
	left:auto!important;
	top:auto!important;
	bottom:auto!important;
}
#acp-toolbar-wrap button{
	margin:1em 0;
}
#acp-toolbar-wrap.style-2 .acp-toggle-toolbar{
	box-shadow:none;
}
#acp-toolbar-wrap.style-2 .acp-toggle-toolbar.small{
	width: 36px;
   height: 36px;
   border: 1px solid white!important;
}
#acp-toolbar-wrap.style-2 .acp-toggle-toolbar i{
	    font-size: 19px;
}
}
/*************************/
/*** Content *******
/*************************/
.page-title{
	color: #12264b;
  font-weight: normal;
  line-height: 1.2em;
  font-size: 20px;
}
.content{
  margin-top: .5em;
  color: #333;
  border-right: 1px solid #aaa;
  margin-bottom: 12px;
}
@media only screen and (max-width: 64em) { 
	.content{
  background: none;
  border: none;

}
 }

.content a{
  color: #F6881F;
}
article {
  margin-bottom: 10px;
  padding: 8px;



}
article .inner{
	  border-bottom: solid #efefef 1px;
}
article h2{
  color: #12264b;
  font-weight: normal;
  line-height: 1.2em;
  font-size: 22px;
  margin:0;
}
.content article h2 a{
  color: #12264B;
}


article header .meta {
  text-transform: uppercase;
  padding: 2px;
  color: #333;
  font-size: 11px;
}
article p {
  font-size: 13px;
    color: #333;
  line-height: 1.5em;
}
article li {
  font-size: 13px;
    color: #333;
  line-height: 1.5em;
}
.in-post-image{
	margin:15px 0;
}
a.button{
	color:#fff;
	 text-decoration: none;
	   transition: all 0.2s ease;
}
a.button:hover, a.button:active, a.button:focus{
	color:#fff;
	  opacity:0.7;
	  text-decoration: none!important;
	  background: #F6881F;
	  transition: all 0.2s ease;
 
}
a.readmore.button:hover, a.readmore.button:active, a.readmore.button:focus{
	
	  background: #12264B;
 
}
.updated-by{
	font-size: 11px;
	margin-top: 20px;
}




.share i{
		border-radius:50%;
		color:#fff;
		background:#F6881F; 
		text-align: center;
		margin:0 3px;
		width:35px;
		height:35px;
		display: inline-block;
		line-height: 30px;
		vertical-align: middle;
		border:2px solid;
		transition: all 0.2s ease;
	}
.share i:hover{
		background:#fff; 
		border:2px solid #F6881F;
		color:#F6881F;
	}

/*************************/
/****Side bars ********/
/*************************/
aside{
	padding:.5em;
}
aside .widget {
  margin-bottom: 20px;
}
aside .widget.grey {
  padding: 4px 8px;
  background-color: #eee;
}
aside h6 {
  font-weight: normal;
  font-size: 24px;
  color: #12264B;
}

aside h6.events {
	position: relative;
}

aside h6.events:before {
	content: '';
	background: url('images/ef_events.png') no-repeat top right;
	width: 70px;
	height: 105px;
	display: block;
	position: relative;
}

.widget p{
	margin-bottom:10px;
	line-height: 1em;
}
.widget a{
	font-size: 12px;
	color:#292929;
}
.widget a:hover{
	text-decoration: underline;
}
aside .readmore {
  font-size: 11px;
  background-color: #12264B;
  color: #fff;
  padding: 6px 4px;
  margin: 5px auto;
  text-align: center;

}
.sidebar-menu ul{
	list-style-type: none;
	margin:0;
}
	.sidebar-menu ul li.current-menu-item a{
		font-weight: bold;
	}

	.sidebar-menu ul li a{
		font-size: 14px;
	    color: #011643;
	    font-weight: normal;
	}
	a.sidebar-menu-button {
		color:#f6881f;
		font-weight: bold;
		margin: 10px 0;
		display: block;
	}
.event{
	margin-top: 8px;
}
.event h4{
	line-height: .8em;
}
.event h4 a{
	font-size: 14px;
}
.date-wrap{
	background: #c3a243;
	color:#fff;
	padding: 5px;
	margin:8px 0 8px 5px ;
	text-align: center;
	font-size: 12px;
	direction: ltr;

}


.categories .panel{
	margin-bottom: 5px;
	  padding: .6rem;
	  font-size: 12px;
	  display: block;
	  text-align: center;
	  color:#333;
	  	transition: all 0.2s ease;
}
@media only screen and (max-width: 40.063em){ 
	.categories .panel{
		min-height: 60px;
	}
}

.categories .panel:hover{
	background: #aaa;
	color:#fff;
	transition: all 0.2s ease;
}

	
.search-highlight{
	background-color:#f7c27e;
	font-weight: normal; 
}


.widget form .columns {
	width: 100%;
}
.widget form  input[type="text"], .widget form input[type="email"]{
	height: 1.8rem;
	margin: 0 0 .5rem 0;
	font-size: 0.675rem;

}
.widget form  span.wpcf7-list-item{
	margin: 0;

}

/***************/
/*******Forms********/
/***************/
.wpcf7-list-item input{
	float:right;
	width:10%;
}
.wpcf7-list-item-label{
	font-size: 10px;
	display: block;
	float:right;
	width:80%;
	margin-bottom: 30px;
}

span.wpcf7-not-valid-tip{
	font-size: 9px;
  position: relative;
  bottom: 10px;
  clear:both;
}
/* PAGINATION */

.emm-paginate {padding:10px 0; overflow:hidden; display:table; margin: auto; direction:ltr;}
.emm-paginate a {border:1px solid #ddd; color:#666; margin-right:5px; padding:4px 8px; text-align:center; text-decoration:none;}
.emm-paginate .emm-title {color:#555; margin-right:4px;}
.emm-paginate .emm-gap {color:#999; margin-right:4px;}
.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current {color:#fff; background:#c3a243; border:1px solid #D6AF0D; margin-right:5px; padding:4px 8px;}

footer#footer	{
	background:#011643;
	padding:30px;
	color:#fff;
	text-align:left;
}
	footer#footer a{
	color:#fff;
	text-decoration:underline;
}	
footer#footer :hover{
	text-decoration:none;
}



@media print {
  a[href]:after {
    content: none !important;
  }
}

.essb_links li a .essb_network_name{
	display:none!important;
}

.related-posts .read-next-title{
 font-size: 18px;
   font-family: "tahoma", "arial";
}
.related-posts-list h4{
    font-size: 18px;
    line-height: 1.3em;
    color: #12264b;
}
.related-posts-list .inner{
   padding: 15px;
}


.ext-links{ 
	margin-bottom: 30px!important;
}

.ext-links a{ 
	color: #333;
	display: block;
	padding: 8px 0;
	font-weight: bold;
	transition: all 0.2s linear;
}
.ext-links a:hover{ 
	margin-right: 10px;
	transition: all 0.2s linear;
}
.ext-links i{ 
	font-size: 21px;
    font-weight: bold;
    padding-right: 10px;
}