/*
Theme Name: Child Theme Customized for Bonai Shalom
Description: This is a child theme for Jump Start - do not delete Jump Start theme.
Author: Ask WP Girl - http://askwpgirl.com
Template: jumpstart
*/

/* Your custom CSS here */

/* Colors 
	
	Green: A0B555
	Blue: 3F537F
	
*/

body {
	background: #fff;
}

.site-breadcrumbs, .site-inner {
    background: #fff;
}

@media (max-width: 1199px) {
	.header-top > .wrap,
	.header-above > .wrap,
	.header-content > .wrap,
	.tb-sticky-menu > .wrap,
	.site-breadcrumbs > .wrap,
	.site-inner > .wrap,
	.element-section > .element,
	.element.popout .jumbotron-wrap,
	.site-footer > .wrap {
		max-width: 96%;
	}
	
	
	.header-nav > .wrap {
		max-width: 100%;
	}
	
	.tb-fw-narrow #container > .site-breadcrumbs > .wrap,
	.tb-fw-narrow .site-inner > .wrap,
	.tb-fw-narrow .element-section > .element-blog,
	.tb-fw-narrow .element-section > .element-post_list,
	.tb-fw-narrow .element-section > .element-current {
		max-width: 620px;
	}
}
@media (max-width: 991px) {
	.header-top > .wrap,
	.header-above > .wrap,
	.header-content > .wrap,
	.header-nav > .wrap,
	.site-breadcrumbs > .wrap,
	.site-inner > .wrap,
	.element-section > .element,
	.element.popout .jumbotron-wrap,
	.site-footer > .wrap,
	.tb-fw-narrow #container > .site-breadcrumbs > .wrap,
	.tb-fw-narrow .site-inner > .wrap,
	.tb-fw-narrow .element-section > .element-blog,
	.tb-fw-narrow .element-section > .element-post_list,
	.tb-fw-narrow .element-section > .element-current {
		max-width: 96%;
	}
}
@media (max-width: 767px) {
	.header-above > .wrap,
	.header-content > .wrap,
	.header-nav > .wrap,
	.site-breadcrumbs > .wrap,
	.site-inner > .wrap,
	.element-section > .element,
	.element.popout .jumbotron-wrap,
	.site-footer > .wrap,
	.epic-thumb .epic-thumb-header,
	.epic-thumb .epic-thumb-quote {
		max-width: 700px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.epic-thumb .epic-thumb-header,
	.epic-thumb .epic-thumb-quote {
		padding-left: 30px;
		padding-right: 30px;
	}
	.element.popout .jumbotron-wrap {
		padding-left: 0;
		padding-right: 0;
	}
	.site-footer > .wrap {
		padding-left: 30px;
		padding-right: 30px;
	}
}

#breadcrumbs {margin-top: 30px;}
#featured-banner ~ #breadcrumbs {
 margin-top: 0;
}

.breadcrumb {
    background-color: #ffffff;
    border-radius: 4px;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0 0 15px 0;
}
/* Header Menu Widget */

.site-header.transparent .header-top,
.header-top {
	background:rgba(63,83,127,0.80);
    border-bottom: none;
    height: 40px;
}

.site-header.transparent .header-top:after,
.header-top:after {
	content: "";
	background: url('assets/images/border-green.png') repeat-x;
	position: absolute;
	bottom: -4px;
	left: 0;
	right: 0;
	width: 100%;
	height: 7px;
}

.header-above {
	display: none;
}

body.home #custom-main > .section_primary {
	background-position: center 0px !important;
}

.site-header.transparent {
    background-color: transparent;
}

.site-header.transparent > .wrap {
    border-bottom: none;
}
.header-top .wrapper {
	max-width: 1150px;
	margin: 0 auto;
}
#top .widget_nav_menu {
	float: right;
	position: relative;
	z-index: 999;
	padding: 0;
	margin: 0;
}

.header-widget {
	clear: both;
	float: right;
	max-width: 600px;
	margin-top: 30px;
	font-family: "Libre", serif;
}

.header-widget p {
	margin-bottom: 0;
	font-size: 18px;
	text-align: right;
}

#top .widget_nav_menu .menu {
	padding: 0;
	margin: 0;
}

#top .widget_nav_menu .menu li {
	float: right;
	padding: 0 10px;
	text-transform: uppercase;
	line-height: 40px;
	font-size: 12px;
	margin:0;
	font-family: 'Lato',sans-serif,Arial;
    font-weight: 300;
	list-style: none;
}

#top .widget_nav_menu .menu li a {
	color: #ffffff;
}

#top .widget_nav_menu .menu li.right-border {
	border-right: 1px solid #fff;
}


.widget_nav_menu .menu li.join,
.widget_nav_menu .menu li.donate {	
	width: 110px;
	margin-top: 0px;
	text-align: center; 
	height: 41px;
	padding: 0;
	position: relative;
	margin-left: 15px;
	text-transform: uppercase;
}

.widget_nav_menu .menu li.join:after,
.widget_nav_menu .menu li.donate:after {
	content: "";
	position: absolute;
	bottom: -15px;
	width: 0;
	height: 0;
	left:0;
	right: 0;
	border-style: solid;
	border-width: 15px 55px 0 55px;
	border-color: #a0b555 transparent transparent transparent;
}

#top .widget_nav_menu .menu li.join {
	margin-right: 10px;
}

.join {
	background: #A0B555;
}

.join:hover {
	background: #A0B555;
}

.donate {
	background: #A0B555;
}

.donate:hover {
	background: #A0B555;
}

.widget_nav_menu .menu  li.join a,
.widget_nav_menu .menu  li.donate a {
	color: #fff;
	letter-spacing: 1px;
}


/* Primary Navigation */

.header-nav {
	padding-right: 0;
}
.header-nav .tb-primary-menu > li > .menu-btn {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    padding-top: 51px;
    padding-bottom: 15px;
}

.sf-menu .sf-mega {
    display: none;
    padding: 0 10px;
    position: absolute;
    top: 87px;
    left: 0;
    width: 100%;
    z-index: 999;
}

.tb-primary-menu ul {
	position: relative;
	z-index: 9999;
}

.tb-sticky-menu {
    background-color: #232E47;
    background-color: rgba(35,46,71,0.9);
}



/* Header */

.site-header.transparent>.wrap {
	background:(0,0,0, 0.5);
}

@media (min-width: 992px) {
	.header-content .header-logo {
	    padding: 30px 0 0 0;
	}
}

@media (min-width: 992px) {
	.header-content {
	    height: 190px;
	}
}

@media (max-width: 991px) {
	body:not(.home) .site-header {
		background: #232E47;
	}
}

@media (max-width: 767px) {
	.header-content {
	    height: 80px;
	}
}



/* Mobile Header */

@media (max-width: 767px) {
	.header-logo img {
    	max-height: 60px;
	}
}

/* Typography */

h1,h2,h3,h4,h5,h6 {
	color: #4D7498;
}


/* Content Styling */
.tb-featured-banner {
    padding-top: 0px;
	width:100%;
}


/* Buttons */

.btn.green {
	background: rgba(160,181,85,1);
	border: 1px solid #fff;
	cursor: pointer;
}

.home-hero .btn.green {
	background: rgba(160,181,85,0.8);
	border: 1px solid #fff;
	cursor: pointer;
	max-width: 250px;
	margin: 0 auto;
}

.btn.green:hover {
	cursor: pointer;
}


/* Home page */

.home-hero:after, body:not(.home) .site-header:after {
	content:"";
	background: url('assets/images/border-waves.png') repeat-x;
	height: 25px;
	width: 100%;
	bottom: -10px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2;
}

@media (max-width: 991px) {

	.home-hero:after, 
	body:not(.home) .site-header:after  {
		display: none;
	}

}

.home-hero .btn {
	display: block;
}

.element-section.home-hero>.element, .element-columns .element {
    margin-bottom: 10px;
}



@media (max-width: 1090px) {
	
	.mobile-nav {
		background: #A0B656;
		display: block;
		margin-top: 5px;
	}
	
	.header-logo {
		float: none;
		padding: 0;
		position: absolute;
		top: 50%;
		left: 30px;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.header-logo img {
		max-height: 64px;
    	width: auto;
	}
	.header-top {
		display: none;
	}
	
	.header-nav {
		display: none;
	}
	.has-side-panel .tb-side-panel {
		display: block;
		padding: 0;
		overflow: auto;
		position: fixed;
		top: 0;
		right: -280px;
		bottom: 0;
		width: 280px;
	}
	.has-side-panel .tb-side-panel,
	.has-side-panel #wrapper {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: transform .2s ease-in-out;
		transition: transform .2s ease-in-out;
	}
	.has-side-panel.side-panel-on .tb-side-panel,
	.has-side-panel.side-panel-on #wrapper {
		-webkit-transform: translate3d(-280px, 0, 0);
		transform: translate3d(-280px, 0, 0);
	}
	
		body.mobile-menu-right-on,
	body.mobile-menu-left-on {
		overflow: hidden;
	}
	.tb-mobile-menu-wrapper {
		border: 0;
		border-radius: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		margin: 0 !important;
		padding: 0;
		overflow: auto !important;
		position: fixed !important;
		top: 0;
		bottom: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: transform .2s ease-out;
		transition: transform .2s ease-out;
		width: 280px;
		z-index: 200;
	}
	/* @noflip */
	.tb-mobile-menu-wrapper.right {
		right: -280px;
	}
	/* @noflip */
	.tb-mobile-menu-wrapper.left {
		left: -280px;
	}
	/* @noflip */
	body.mobile-menu-right-on .tb-mobile-menu-wrapper {
		-webkit-transform: translate3d(-280px, 0, 0);
		transform: translate3d(-280px, 0, 0);
	}
	/* @noflip */
	body.mobile-menu-left-on .tb-mobile-menu-wrapper {
		-webkit-transform: translate3d(280px, 0, 0);
		transform: translate3d(280px, 0, 0);
	}
	body.mobile-menu-right-off #wrapper,
	body.mobile-menu-left-off #wrapper,
	body.mobile-menu-right-on #wrapper,
	body.mobile-menu-left-on #wrapper {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: transform .2s ease-out;
		transition: transform .2s ease-out;
	}
	/* @noflip */
	body.mobile-menu-right-on #wrapper {
		-webkit-transform: translate3d(-280px, 0, 0);
		transform: translate3d(-280px, 0, 0);
	}
	/* @noflip */
	body.mobile-menu-left-on #wrapper {
		-webkit-transform: translate3d(280px, 0, 0);
		transform: translate3d(280px, 0, 0);
	}

}

@media (max-width: 991px){
	.home-hero .element-columns.stack-md>.row>.col:not(.has-bg), 
	.home-hero .element-columns.stack-md>.container-md-height>.row>.col:not(.has-bg) {
	    margin-bottom: 10px;;
	}
	
	.header-logo img {
		max-height: 55px;
		height: 55px;
    	width: auto;
	}
	
	.header-content>.wrap {
	    height: 75px;
	    padding: 0;
	}
}

/* Home Newsletter */

.element-section.home-newsletter {
	padding: 40px 30px;
}

/*
.element-section.home-newsletter:hover {
	-webkit-filter: grayscale(0%);
	-webkit-backface-visibility: hidden;
	filter: grayscale(0%);
}
*/

#custom-bottom .gform_wrapper .top_label .gfield_label,
#custom-bottom .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
	display: none;
}

.home-newsletter .gform_wrapper ul li.gfield {
/*
	display: inline-block;
	clear: none;
	float: left;
*/
}

#custom-bottom .gform_wrapper .top_label input.medium, #custom-bottom .gform_wrapper .top_label select.medium {
	width: 100%;
/* 	margin-top: 20px; */
}

#custom-bottom .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first {
	margin-right: 5px;
}

#custom-bottom .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first,
#custom-bottom .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_last {
	width: 100%;
	margin-bottom: 20px;
	margin-left: 0;
	float: left;
}

/*
.home-newsletter .gform_wrapper .gform_footer {
	float: left;
	clear: none;
}

.home-newsletter form {
	width: 750px;
	max-width: 750px;
	margin: 0 auto;
}
*/

body.home .widget:not(.widget_text) ul ul {
    padding: 0 0 5px 0;
}

.text-light input[type="submit"]:not(.btn-primary), 
.text-light .button:not(.btn-primary){

	background: rgba(160,181,85,0.9);
	border: 1px solid #fff;
	color: #fff;

}

.text-light ::-webkit-input-placeholder,
.text-light :-moz-placeholder,
.text-light ::-moz-placeholder,
.text-light :-ms-input-placeholder {  
   color: #fff;  
}

.jumbotron .tb-text-block-wrap .tb-text-block {
    font-size: inherit;
    font-weight: 700;
    font-family: 'Lato', Arial, sans-serif;
}
 
/* Home Page Feature Showcase */

.tb-thumb-link:before,
.post_showcase .showcase-item.has-title .featured-item.showcase .tb-thumb-link:after,
.post_showcase .showcase-item.has-title .featured-item.showcase.tb-thumb-link:after {
	background-color: rgba(85,96,119,0.25);
	opacity: 1;
}

.tb-thumb-link.external:before {
    content: "\f0c1";
}

.post_showcase .showcase-item.has-title .featured-item.showcase .tb-thumb-link:before{
/* 	opacity: 0; */
	background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 24px;
    line-height: 2.5em;
    margin: 0;
    position: absolute;
    top: auto;
    bottom: 10%;
    right: 0;
    left: 0;
    width: 2.5em;
    height: 2.5em;
    margin: 0 auto;
}


.tb-thumb-link img,
.tb-thumb-link .img {
	-webkit-filter: grayscale(100%);
	-webkit-backface-visibility: hidden;
	filter: grayscale(100%);
}

.tb-thumb-link:hover img,
.tb-thumb-link:hover .img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.showcase-wrap .row {
/* 	background: #f8f8f8; */
}

.post_showcase .showcase-item.has-title .featured-item.showcase .item-title {
	opacity: 1;
	background-color: rgba(160,181,85,0.8);
	padding: 5px 0;
	width: 270px;
	max-width: 270px;
	border-top: #fff 1px double;
	border-bottom: #fff 1px double;	
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-ms-transform: translate(0, 0); /* IE9 */
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: opacity 0 ease-in, top 0 ease-in;
	transition: opacity 0 ease-in, top 0 ease-in;
	line-height: 34px;
	top: 46%;
}

@media (max-width: 1120px ) {
	.post_showcase .showcase-item.has-title .featured-item.showcase .item-title {
		width: auto;
		max-width: 270px;
	}
}

.post_showcase .showcase-item.has-title .featured-item.showcase:hover .item-title {
	opacity: 1;
	top: 46%;
}

.post_showcase .showcase-item.has-title .featured-item.showcase .tb-thumb-link:hover .item-title {
	opacity: 1;
}

.post_showcase .showcase-item.has-title .featured-item.showcase .cat  {
	display: none;
}

.home-news {
	font-size: 14px;
}

/* Divider */

.tb-divider.has-icon .fa.fa-apple {
    position: absolute;
    left: 0;
    right: 0;
    line-height: 76px;
    margin: -30px auto 0 auto;
    width: 76px;
    height: 42px;
    text-align: center;
}

.fa-apple:before {
    content: "";
    background: url(assets/images/tree-sm.png) no-repeat 0 0 transparent;
    width: 76px;
    height: 42px;
    background-size: 100% 100%;
    position: absolute;
    top:0;
    left: 0;
    right: 0;
/*     z-index: 9999; */
}

/* Promo Box */

.tb-slogan.text-only {
	text-align: left;
}

/* Sidebar Layout */

.fixed-sidebar .widget {
    background: transparent;
    padding: 0;
}

.fixed-sidebar .widget-title {
    color: #4D7498; 
   }

article.page {
    background: #fff none repeat scroll 0 0;
    padding: 0 20px 0 0;
}

.widget_custom_post_widget.widget:not(.widget_text) li {
    line-height: 1.3;
    margin: 0 0 5px 0;
    padding: 0 0 16px 0;
}

.blog-wrap>article, article.single, .tb-info-box, .list-template-wrap .list-wrap {
    background: #fff;
    margin-bottom: 50px;
    padding: 0 40px 0 0;
}

.list-wrap .thumb-wrapper {
	display: none;
}

.list-wrap article.has-thumbnail {
    min-height: 100px;
    padding-left: 0;
}

/* Footer and Widgets */

#custom-bottom {
	font-size: 14px;
}

#custom-bottom a:hover {
	color: #A0B555
}

#custom-bottom .fixed-sidebar .widget {
	padding: 0;
	background: none repeat scroll 0 0 transparent;

}

#bottom .widget-title, #custom-bottom .widget-title {
	color: #fff;
}

#custom-bottom h3 { 
	color: #fff;
	font-size: 16px;
    line-height: 1.1;
    margin: 0 0 20px;
}

A.CLLink, a.CLheading.clmore {
		Font-Size: 9px;
		Color: #333;
}
A.CLLink:Hover {
}

.hebcal-container h3 {
	font-size: 14px;
}

.textwidget .hebcal-container ul, .textwidget ol {
    padding-left: 0;
    list-style: none;
}
.parashat {
	display: none;
}

@media (max-width: 991px) {
	.element-columns.stack-md>.row>.col:not(.has-bg), .element-columns.stack-md>.container-md-height>.row>.col:not(.has-bg) {
	    margin-bottom: 20px;
	}

}

@media (max-width: 480px) {
	
	.btn+.btn {
	    margin-top: 0;
	}
}