/*
Theme Name: Yanshoof Mobile Template
Theme URI: http://yanshoof.co.il

Version: 1.0
Description: A mobile theme

Author: Noam Ahitoov
Author URI: http://yanshoof.co.il

*************************************************************************************

This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html)

"There is no present like time."
*/


#wpadminbar .ab-empty-item, #wpadminbar a.ab-item, #wpadminbar>#wp-toolbar span.ab-label, #wpadminbar>#wp-toolbar span.noticon {color:#eee !important;}

body { font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0; }

.site-main {float:none !important; width:auto !important;}

a {color:inherit;}

.yanshoof-tel-container {display:block; position:fixed; top:0; left:0; right:0; padding:5px; text-align:center; background:rgba(0,0,0,0.5);}
.yanshoof-tel-container > a {margin:0 2px;}
a.yanshoof-tel, a.yanshoof-sms {color:white; text-decoration:none; padding:0 10px; text-align:center; font-size:20px; line-height:26px; display:inline-block; border-radius:3px; box-shadow:-1px -1px 2px rgba(0,0,0,0.3) inset, 1px 1px 2px rgba(255,255,255,0.3) inset;}

a.yanshoof-tel > span:before {content:''; display:inline-block; width:20px; height:20px; background:url(images/icon-phone.png) 50% 50% no-repeat; background-size:contain; vertical-align:text-bottom;}

body.admin-bar .yanshoof-tel-container {top:32px;}

body.with-yanshoof-tel {margin-top:36px;}

.site-header {min-height:95px; padding-bottom:5px;}
.wrapper {max-width:600px; margin:0 auto; position:relative; padding:0 20px; overflow:hidden;}

a.home-link {position:absolute; top:8px; right:80px; left:20px; display:inline-block; text-decoration:none; text-align:center; color:inherit; height:30px; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; text-align:left;}

.yanshoof-sidebar {list-style-type:none; padding:0; margin:0;}

.yanshoof-loading-banner {position:fixed; z-index:10000; display:block; top:0; left:0; bottom:0; right:0; background:white; background-position:50% 50%; background-repeat:no-repeat; text-align:center;}
.yanshoof-loading-banner-skip {cursor:pointer; position:absolute; top:40px; left:20px; color:black; text-decoration:underline; padding:4px 5px; border-radius:5px; background:#white; border:1px solid black; text-decoration:none; font-size:16px;}
.yanshoof-loading-banner-code {top:100px; /*top:50%; position:absolute; width:100%;*/}

a.yanshoof-banner {height:180px; background-position:50% 50%; background-size:cover; display:block;}

.yanshoof-widgets-top > *,
.yanshoof-widgets-bottom > * { margin:10px 0;}

.yanshoof-footer-banner {position:fixed; bottom:0; right:0; left:0; height:50px; padding:10px; background:white;
border: 1px solid #C9C9C9;
    padding: 3px 10px;
    margin: 0!important;
    background: #ffffff;
    /*background: -moz-linear-gradient(top, #ffffff 0%, #d6d6d6 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(80%,#d6d6d6));
    background: -webkit-linear-gradient(top, #ffffff 0%,#d6d6d6 80%);
    background: -o-linear-gradient(top, #ffffff 0%,#d6d6d6 80%);
    background: -ms-linear-gradient(top, #ffffff 0%,#d6d6d6 80%);
    background: linear-gradient(to bottom, #ffffff 0%,#d6d6d6 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 );*/}

@media screen and (max-width: 782px) {
	html {/*margin-top:100px;*/}
	body.admin-bar .yanshoof-tel-container {top:46px;}
}





	.menu-toggle {
		cursor: pointer;
		margin:6px 0 0 0;
		display: inline-block;
		/*color:transparent;
		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		background:url(images/menu-toggle.png) no-repeat;
		width:40px; height:41px;*/
		padding: .1em .5em;
		background: #AAA;
		font-size: 1.5em;
		color: #EFEFEF;
		font-weight: bold;
		border-radius: 4px;
		border: 1px solid #999;
		cursor: pointer;		
	}
	.toggled-on .menu-toggle {
		background: #EFEFEF;
		color: #AAA;
	}
	.nav-menu {
		background-color:none;
		z-index: 10;
		display: block;
		float: none;
		margin-left: 0; /*20px;*/
		position: relative;
		left: auto;
		margin-top: 5px;
		height:0;
		overflow:hidden;
	}
	.nav-menu ul {
		list-style-type:none;
		padding:0;
		margin:0;
	}
	.nav-menu li:first-child {
	    border-top: 1px solid gray;
	}
	.nav-menu li {
		list-style-type:none;
		margin:0 -10px;
	    border-bottom: 1px solid gray;
	}
	.nav-menu a {
		display:block;
		padding:5px 10px;
		font-size:15px;
		text-decoration:none;
		color:inherit;
	}
	.nav-menu .current_page_item a {font-weight:bold;}
	.nav-menu a:hover {
		background:#eee;
	}
/*	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active {
		background: none;
		border: none;
		color: #141412;
		padding: 12px 0 12px 20px;
	}

	.menu-toggle:focus {
		outline: thin dotted;
	}

	.menu-toggle:after {
		content: "\f502";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}

	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
	}

	.toggled-on li,
	.toggled-on .children {
		display: block;
	}

	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}

	.toggled-on .nav-menu li > ul a {
		color: #141412;
		width: auto;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #141412;
	}

	.toggled-on .nav-menu > li a:hover,
	.toggled-on .nav-menu > ul a:hover {
		background-color: #db572f;
		color: #fff;
	}

	.toggled-on .nav-menu > li a:focus,
	.toggled-on .nav-menu > ul a:focus {
		background-color: #220e10;
		color: #fff;
	}

	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}*/