/*
Theme Name:     WJRO Theme
Theme URI: 		http://themeforest.net/user/artbees
Description:    Child theme for the Jupiter theme built for WJRO
Author:         Cornershop Creative
Template:       jupiter
Version:        5.5
*/

@font-face {
	font-family: "Assistant Bold";
	src: url("https://wjro.org.il/cms/assets/themes/jupiter-child/fonts/Assistant-Bold.ttf");

	font-family: "Assistant Extra Bold";
	src: url("https://wjro.org.il/cms/assets/themes/jupiter-child/fonts/Assistant-ExtraBold.ttf");
	
	font-family: "Assistant Extra Light";
	src: url("https://wjro.org.il/cms/assets/themes/jupiter-child/fonts/Assistant-ExtraLight.ttf");
		
	font-family: "Assistant Light";
	src: url("https://wjro.org.il/cms/assets/themes/jupiter-child/fonts/Assistant-Light.tff");
	
	font-family: "Assistant Regular";
	src: url("https://wjro.org.il/cms/assets/themes/jupiter-child/fonts/Assistant-Regular.ttf");
	
	font-family: "Assistant SemiBold";
	src: url("https://wjro.org.il/cms/assets/themes/jupiter-child/fonts/Assistant-SemiBold.ttf");
	
}

/*Modal Styling and CF7 Hebrew Styling*/
/* The Modal (background) */
	.modal {
	  display: none; /* Hidden by default */
	  position: fixed; /* Stay in place */
	  z-index: 9999; /* Sit on top */
	  left: 0;
	  top: 0;
	  width: 100%; /* Full width */
	  height: 100%; /* Full height */
	  overflow: auto; /* Enable scroll if needed */
	  background-color: rgb(0,0,0); /* Fallback color */
	  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}

	/* Modal Content/Box */
	.modal-content {
	  background-color: #fefefe;
	  margin: 15% auto; /* 15% from the top and centered */
	  padding: 20px;
	  border: 1px solid #888;
	  width: 30%; /* Could be more or less, depending on screen size */
	}

	/* The Close Button */
	.close {
	  color: #aaa;
	  float: right;
	  font-size: 28px;
	  font-weight: bold;
	}

	.close:hover,
	.close:focus {
	  color: black;
	  text-decoration: none;
	  cursor: pointer;
	} 

#he_cf7_form > div > form {direction: rtl;}

/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
}

*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans:700);

h1,h2,h3,h4,#mk-sidebar .widgettitle, #theme-page .banner-home span{font-family: 'Open Sans Condensed', sans-serif; font-weight: 100}
body{ background-color: #EAEAEA !important; }
/*************Nav Bar********************/
.mk-header-holder{ position: relative; }
header.header-style-1 .mk-header-padding-wrapper, header.header-style-2 .mk-header-padding-wrapper, header.header-style-3 .mk-header-padding-wrapper { padding-top: 0px; }
.donate-btn a { background-color: #b80d32; color: #ffffff !important; border-radius:3px; border: 2px solid #b80d32;}
.donate-btn a:hover { background-color: #ffffff; color:#b80d32 !important;}
.header-style-1 .menu-hover-style-2 .main-navigation-ul > li.donate-btn > a {
    height: 45px;
    line-height: 45px;
    font-weight: bold;
}
.menu-hover-style-2 .main-navigation-ul li.donate-btn:hover > a.menu-item-link{color:#b80d32 !important; background-color: #ffffff;}
.header-sticky-ready .donate-btn a{ padding:0 20px;}

.header-style-1 .menu-hover-style-2 .main-navigation-ul > li > a{ line-height: 20px; vertical-align: middle; height:initial;}
.header-style-1 .menu-hover-style-2 .main-navigation-ul > li{ line-height: 90px; height: 90px;}

.header-sticky-ready.header-style-1 .menu-hover-style-2 .main-navigation-ul > li > a{ line-height: 20px; vertical-align: middle; height:initial;}
.header-sticky-ready.header-style-1 .menu-hover-style-2 .main-navigation-ul > li { line-height: 50px; height: 50px;}

@media handheld, only screen and (max-width: 1140px){
#mk-responsive-nav li#menu-item-172 a{color:white !important;}
#mk-responsive-nav li#menu-item-172 a:hover{background-color:#b80d32;}
}

#theme-page .theme-page-wrapper{margin:0 auto;}
.banner-search .widget .mk-searchform .text-input{ border:none; width: 75%;}
.banner-search .widget .mk-searchform .mk-icon-search{ top:5px; right:18px; font-size:26px; color:#ffffff;}

#theme-page .banner-home{ margin-bottom: 0px; text-align: left; margin-top: -6px;}
#theme-page .banner-home h2{ background-color: #323232; color: #ffffff; border-bottom: 1px solid #ffffff; font-weight: normal; font-size: 1.8rem; padding: 10px 26px; display: block; margin: 0;}
#theme-page .banner-home ul{ margin:0; width:100%;}
#theme-page .banner-home li{ margin: 0; list-style: none; display: block; color: white; padding: 5px 26px; border-top:1px solid #ffffff; background:url('/cms/assets/uploads/2015/07/banner-arrow.png') #8dc4ce no-repeat 90% center;}
#theme-page .banner-home li:hover{background-color:#A2DCE7;}
#theme-page .banner-home a{ display:block; width:100%; color: #ffffff;}
#theme-page .banner-home span{ padding:0; margin:0; color:#021079; width:100%; display:block; font-size:25px; text-transform:uppercase;}
#theme-page .banner-home p{ color:#ffffff; margin:0; padding:0;}
.banner-home .wpb_content_element{margin:0;}
.header-slider{width:820px; height:260px;}
.header-slider img{height:280px;}
.slider-home-column{position:relative; /*left: 15px;*/}
.slider-home-column .edge-title-area {
    margin-left: 60px;
    background-color: rgba(0,0,0,.5);
    padding: 15px 20px;
}
.slider-home-column .edge-title, .slider-home-column .edge-desc{
    margin-bottom: 0 !important;
}

@media screen and (max-width: 1200px){
    .banner-home-container .vc_col-sm-4 {
        width: inherit;
        float: right;
        padding: 0;
    }
    #theme-page .banner-home span{
        font-size: 22px;
    }
}

@media handheld, only screen and (max-width: 767px){
.sbl-container{border-bottom:1px solid #f0f0f0; padding: 10px 0;}
.sbl-container:last-child{border-bottom:none;}
}

a.sub-banner-links { color: #ffffff; font-family: 'open sans condensed'; font-size: 1.3rem; display:block;}

a.sub-banner-links:hover { color:#888888; }

a.sub-banner-links span { color: #19859f; font-size: 1.5rem;}
a.sub-banner-links:hover span { color: #888888; }

#below-banner .wpb_content_element, #below-banner .widget{margin-bottom:0;}


/***********Latest News Widget************/
.latest-news #mk-sidebar .widgettitle{ font-family: 'open sans condensed' sans-serif;font-size: 1.5rem;color: #041176; font-weight: 100; margin-bottom: 30px;}
.latest-news #mk-sidebar .post-list-title{ color: #323232; font-size: 1.2rem; line-height: 1.6rem;}
.latest-news #mk-sidebar p{color:#323232;}
.widget_posts_lists ul li .post-list-info { margin: 0 10px 5px 140px;}
.latest-news .widget_posts_lists ul li{ border-bottom: 1px solid #c1c1c1;}
.latest-news .widget_posts_lists ul li:last-child{ border-bottom: none;}

@media handheld, only screen and (max-width: 540px){
.latest-news .post-list-thumb{display:none;}
.latest-news .widget_posts_lists ul li .post-list-info{margin-left:0;}
}


#theme-page .success-stories h2{ font-family: 'Open Sans Condensed', sans-serif; color: #ffffff; font-weight:100;}
.success-stories p{ color: #ffffff; max-width:560px; margin:0 auto; }
.success-stories p.small{ font-size:.6rem; margin-top: 10px;}
.success-stories a{ display: block; color: #19859f; background-color: #ffffff; width: 110px; font-family: 'open sans condensed' sans-serif; margin: 30px auto 13px; border-radius: 3px; padding: 10px; font-size: 1.3rem;}


/**************News Page*******************/
.mk-blog-thumbnail-item.content-align-left .mk-thumbnail-content-container{float:right; padding-left:40px;}
a.mk-button.custom.button-55a40191e980d.light.outline-dimension.medium.pointed { color: #1681a2; border-color: #1681a2 !important;}
a.mk-button.custom.button-55a40191e980d.light.outline-dimension.medium.pointed:hover { background-color: #1681a2; color:#ffffff;}
#theme-page .mk-blog-thumbnail-item .mk-thumbnail-content-container h3{margin:0 0 13px; font-family:inherit; font-size:18px;}
.mk-blog-thumbnail-item { border-bottom: 1px solid #c1c1c1; padding-bottom: 18px;}
.mk-blog-thumbnail-item:last-child{ border-bottom:none;}
time{font-size:11px; font-style:italic; font-color:#999999;}

/**************Post Page*******************/
.right-search{ float:right;}
.right-search .widget.widget_search{ margin:20px 0 0 0;}
.page-introduce-title{ float:left; }
@media handheld, only screen and (max-width: 540px){
.right-search { float:left; margin-left: 14px;}
}

#theme-page h1.blog-single-title { color: #323232; text-transform: initial; font-size: 25px; font-weight: normal;}

.single #theme-page .theme-page-wrapper{ margin:0 auto; }
.single #theme-page .theme-page-wrapper .theme-content{ padding-top:0; }
.single #theme-page .theme-page-wrapper.right-layout .sidebar-wrapper{ padding-top:0; }

.blue-background{ background-color: #17819e; padding: 20px 0;}

.single-featured-image {
    float: right;
    position: relative;
    max-width: 400px;
    min-height: 300px;
    margin-left: 75px;
}
.mk-single-content {
    margin-top: 130px;
}



/*********************Side Bar*****************/
#mk-sidebar .widget_nav_menu ul li{ border-bottom:none; }
#mk-sidebar .widget_nav_menu ul.menu{border:none;}
#mk-sidebar .widget_nav_menu li a:before{content:"";}
#mk-sidebar .widget_nav_menu ul li a{ display: block; padding: 8px 7px;  width: 150px; margin: 15px auto; border: 1px solid #19859f; border-radius: 3px; font-family: 'open sans condensed';  font-size: 20px; text-align:center;}
#mk-sidebar .widget_nav_menu ul li a:hover {background-color: #19859f; color: #ffffff !important;}


/******************Copyright***************/
.mk-footer-copyright{width:100%;}
.copy-right{float:right;}


/** From Theme Options **/
.sub-menu-columns ul.sub-menu {
   width: 410px; }

.sub-menu-columns ul.sub-menu li {
    display: inline-block;
    float: left;
    width: 200px;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
    float: left;
    margin-right: 10px;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
    float: right;
}

#mk-page-introduce.intro-left {
    display: none;
}

a.sub-banner-links span {
    font-weight: 600;
}

.single #theme-page .theme-page-wrapper .theme-content {
    padding-top: 100px;
}

mk-text-block  success-stories {
    display: none;
}

.mk-language-nav {
    float: right;
}

/**
 * LTR customizations for Hebrew translation
 */
.rtl #theme-page .banner-home {
	text-align: right;
}

.rtl #theme-page .banner-home a {
	padding-right: 44px;
}
     
.rtl .main-navigation-ul>li.no-mega-menu ul.sub-menu li.menu-item a.menu-item-link {
	text-align: right;
	padding-right: 25px;
	max-width: 100%;
}

#mk-main-navigation a {
	box-sizing: border-box;
	max-width: 100%;
}

@media only screen and (max-width: 960px) {
    .mk-single-content {
        margin-top: 10px;
    }
}

.fit-logo-img a {
	display: block;
	height: 50%;
	position: relative;
	max-width: 50%;
}

.header-style-2 .header-logo {
	padding: 30px 0 15px;
}
.header-style-2 .header-logo a img {
	margin: 0 auto;
}

.header-mission {
	line-height: normal;
	font-size: 13px;
	margin: 0 15%;
	font-weight: 700;
}

@media only screen and (max-width: 1140px) {
	.header-mission {
		display: none;
	}
}