/*
Theme Name: The7

Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

http://codex.wordpress.org/Right_to_Left_Language_Support

*/

.category-11 .entry-meta {display:none}

body {
	direction: rtl;
	unicode-bidi: embed;
}
.home-flip .ifb-back  {border-radius:10px ;text-align:center;box-shadow:0 0 5px #ddd}
.home-flip .ifb-front {background:#fff !important; border-radius:10px ;text-align:center;box-shadow:0 0 5px #ddd}
.home-flip .ifb-back  {border-radius:10px ;text-align:center;}
.home-flip .ifb-back p , .home-flip .ifb-front p {text-align:center}
.home-flip .ifb-front img {border-radius:10px !important;}
#main { background: linear-gradient(to bottom, #ebf7f8 0%, #ffffff 330px) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.fancy-author-title, .fancy-posts-title, .fancy-comments-title, .fancy-comments-form, .fancy-projects-title {
    background-position: 100% center;
    background-repeat: no-repeat;
    padding-left: 0;
    padding-right: 25px;
}
.blog time {display:block !important}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    width: 12px !important;
}
span.wpcf7-list-item {
    float: right;
    margin-left: 0;
    margin-right: 0.5em;
    width: 41%;
}
.details::after {
    color: #ab8c44 !important;
    float: left;
    font-family: FontAwesome;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    left: 0;
    margin: -3px 23px 0 0 !important;
    padding-left: 12px !important;
    text-decoration: inherit;
    top: 6px;
}
.cosmeticsform td, .cosmeticsform th {
  
    text-align: left !important;
}
.dt-fancy-title {font-family: "Open Sans Hebrew",serif !important;}
.buttons-on-img {box-shadow: 0 0 1px #b5913a; margin: 1px 0 18px;}
time {display:none}
.home time {display:block}

.article-top-bar .wf-container-top { display: table; padding: 45px 0 13px;}
.single .entry-tags a { border: medium none; float: right;}
.entry-meta > a, .entry-meta > span, .portfolio-categories > a, .portfolio-categories > span {  margin: 0 6px 0 1px;padding-right: 10px;}
.entry-meta > a::after, .entry-meta > span::after, .portfolio-categories > a::after, .portfolio-categories > span::after { right: 0;}
.dt-fancy-separator.title-left {
    text-align: right;
}

.separator-right {
    margin-left: 1em;
    left: 100%;
}
.logo-left #branding, .logo-classic #branding, .logo-classic-centered #branding {
  /* joni custom edit - new css */
	float: right;

  /*padding-right: 0px !important; padding-left: 40px !important;
    width: 1px; - old css*/
}

.logo-left #navigation {
    text-align: left;
}
.details:after {
    color: #AB8C31;
    content: "";
    font-family: FontAwesome;
    font-size: 13px !important;
    font-style: normal;
    font-weight: normal;
    padding-right: 0.5em;
    right: 75px;
    text-decoration: inherit;
    top: 2px !important;
}
.dt-btn-link:after, .details:after {
    background-image: none !important;
}
.nicepic {border:4px solid #fff !important;box-shadow:0 0 5px #555 !important}
html, body, body.page, .wf-container > * { color: #262626; font-size: 15px; word-spacing: normal; line-height: 144%; font-family: "Open Sans Hebrew",arial ,san-serif !important;}
.frame-on .shortcode-teaser-content { padding: 0 10px 15px; text-align: justify;}
.items-grid .alignleft { font-size: 0;line-height: 0;margin: 5px 0 5px 20px;}
.logo-left #branding, .logo-classic #branding {
 /* joni custom edit - new css */
    padding-left: 0;
    padding-right: 0;
}

.right-block {
 /* joni custom edit - new css */
    float: left;
    text-align: right;
	direction: rtl;
}

.soldout {padding:0;margin:0;width:auto}
.soldout:before {
    content: url("images/soldout1.png");
    float: left;
    left: 0;
    margin: 1px -65px -29px 0;
    position: relative;
    text-align: left !important;
    z-index: 99999999;
}
.category .alignleft {
    float: left;
    margin: 5px 0 10px 30px;
}
.sidebar .former textarea {max-height:50px}
.wpb_tabs .wpb_tabs_nav li {
    float: right !important;
    margin: 0 1px 0 0;
}
.sub-nav {
    background: #fff !important;
    margin-top: 7px;
}
.sub-nav li a {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    display: block;
    font-weight: normal;
    line-height: 20px;
    margin: 0 0 2px -1px;
    padding: 3px 15px 3px 10px;
    text-align: left;
    text-decoration: none;
    width: 180px;
}
.underline-hover .sub-nav {
    background: none repeat scroll 0 0 #fff;
    margin-top: 0;
}
.sub-nav li {
    display: block;
    padding: 0 1px;
    position: relative;
}
#phantom .ph-wrap.with-logo .ph-wrap-content .logo-box {
    line-height: 0;
    text-align: right;
}
.tab-style-one.wpb_tabs .wpb_tabs_nav li:before, .tab-style-three.wpb_tabs .wpb_tabs_nav li:before {
    border-left: 1px solid !important;
    left: 0 !important; border-right: 0 solid;
    right: inherit
}
.former select {width: 100%; max-width: 100%;font-family:arial, sans-serif}
.former textarea {max-height:50px !important;}
.wpcf7-form textarea {
    max-height: 100px !important;
    width: 100%;
}
.details:after {
    content: "\f0a8";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color:#820c0f !important;
    font-size: 18px;
    padding-right: 0.5em;
 
    top: 10px;
    left: 0;
}


.widget_recent_entries li a:before {
    color: #820c0f !important;
    content: "\f0d9";
    font-family: FontAwesome;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    left: 11px;
    margin: -3px;
    padding-right: 0;
    position: relative;
    text-decoration: inherit;
    text-indent: 0;
    top: 3px;
}
/*.content h2 {float: right; width: 100%;}*/
 
h2, .h2-size, .entry-title.h2-size, h1.entry-title {
    

    text-transform: none;
}

.sidebar .widget, .sidebar-content .widget {
    color: #888888;
    font-size: 14px;
    line-height: 22px;
}
.widget_recent_entries li a {
    float: left; font-size: 14px;
    line-height: 123%;
    margin-bottom: 8px;
    width: 91%;
}

.breadcrumbs li:after {
    color: #999999;
    content: "";
    font-family: FontAwesome;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    margin-left: -10px;
    margin-right: 6px;
    position: absolute;
    right: -4px;
    text-decoration: inherit;
    top: 1px;
}
.breadcrumbs li:first-child:after {content:""}
.standard-arrow li, .breadcrumbs li, .custom-menu a {
    background-image: none;
}
.page-title.title-left .hr-breadcrumbs, .page-title.title-right h1 {
    text-align: left;
}
.breadcrumbs li {
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 6px;
    padding-right: 20px;padding-left:0;margin-left:0;
}

.benefits-style-one.benefits-grid .wf-cell, .benefits-style-two.benefits-grid .wf-cell {
    text-align: right;
    direction: rtl;
}

.details, #main ul.products li.product .button, #main ul.products li.product .button:hover {
    background-image: none;
}


.details, .link.btn-link, .btn-zoom, .project-zoom {
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 22px;
    padding-right: 0;
    text-decoration: none;
}
#header .mini-search .field {
right: -280px;
padding: 0 13px 0 0;
}
.stripe, .page-title {
	margin-right: -1000px;
	overflow: hidden;
	padding: 20px 1000px;
	width: 100%;
}

.details, .link.btn-link, .btn-zoom, .project-zoom {
	display: inline-block;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
}

.details {
/*background-image: url('arrow-pointing-to-left');*/
}

.standard-arrow li {
	padding-right: 24px;
	padding-left: 0px;
	background-position: center right;
}
.list-divider li:first-child {
	background-position: right 6px;
}
.standard-arrow li, .breadcrumbs li, .custom-menu a {
/*background-image: url('bullet-pointing-to-left');*/
}
.testimonial-vcard .alignleft {
	margin: 5px 0px 5px 20px;
}

#main-nav > li.has-children > a:after {
	content: none;
}

#main-nav.menu-frame-on > li.has-children.level-arrows-on > a {
	padding: 6px 11px 7px 19px;
}
#main-nav > li.has-children > a:before {
	display: block;
	position: absolute;
	top: 50%;
	left:6px;
	margin-top: -2px;
	width: 9px;
	height: 6px;
	content: "";
}
#main-nav > li.has-children.level-arrows-on > a:before {
	background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%229px%22%20height=%226px%22%20viewBox=%220%200%209%206%22%20enable-background=%22new%200%200%209%206%22%20xml:space=%22preserve%22%3E%3Cpolygon%20fill=%22%23474950%22%20points=%228.205,1.669%204.515,5.516%200.824,1.703%201.846,0.669%204.515,3.344%207.189,0.669%20%22/%3E%3C/svg%3E");
}

#phantom .ph-wrap.with-logo #main-nav {
text-align: left;
}
.sub-nav li.has-children:after {
	content: none;
}
.sub-nav .sub-nav {
right: 241px;
}
.sub-nav li a {
	padding: 7px 10px 7px 30px;
	text-align: right;
}
.sub-nav li.has-children.level-arrows-on:before, #top-bar .sub-nav li.has-children:before, #bottom-bar .sub-nav li.has-children:before, .dl-menuwrapper li.has-children > a:before {
background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%226px%22%20height=%229px%22%20viewBox=%220%200%206%209%22%20enable-background=%22new%200%200%206%209%22%20xml:space=%22preserve%22%3E%3Cpolygon%20fill=%22%23373a41%22%20points=%221.557,0.766%205.24,4.534%201.712,8.256%200.557,7.219%203.295,4.474%200.557,1.797%20%22/%3E%3C/svg%3E");
}
.sub-nav li.has-children:before {
	display: block;
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -4.5px;
	content: "";
	width: 6px;
	height: 9px;
	background-position: right center;
}

.comment-form-author input, .form-name input, .comment-form-email input, .form-mail input, .comment-form-url input, .form-website input, .form-country input, .form-telephone input, .form-city input, .form-company input {
padding-left: 20px;
background-position: 3% center;
background-repeat: no-repeat;
}
.widget_nav_menu .menu-item > a {font-family: "Open Sans Hebrew",serif !important;display: block;}
.sidebar-content a, .sidebar-content.solid-bg a *, .content .sidebar-content .widget .custom-categories a, .content .sidebar-content .widget .custom-categories span, .content .sidebar-content .widget .custom-categories a:hover span.item-num, .sidebar-content .recent-posts a { color: #444;}
.vc_col-sm-1, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12 {
    float: right;
}
.former h4 {color:#820C0F}
.wide-form .former { background:#F7F7F8;width:100%;float:right}
.wide-form .form-part { max-width: 18%; padding: 3px 1%;}
.wide-form .form-part input[type="submit"] {
    font-family: "Open Sans Hebrew",arial,sans-serif !important;
    font-size: 28px;
    margin: 4px;
    padding: 2px 0;
    width: 100%;
}
.wide-form .form-part input[type="submit"]:hover { background:#1AA4DE}
.wide-form h2 { color: #1a7eaf;font: 300 31px/40px "Open Sans",Helvetica,Arial,Verdana,sans-serif; margin: 9px; text-indent: 30px;}
.clear-form {
float: left;
padding: 0 0 0 18px;
}
.clear-form:before {content: none;}
.wf-wrap {margin: 0 auto;  max-width: 100%; padding: 0 20px;}
.clear-form:after {
display: block;
position: absolute;
top: 50%;
left: 0;
margin-top: -6.5px;
width: 13px;
height: 13px;
line-height: 13px;
content: "";
}
.clear-form:after {
background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2213px%22%20height=%2213px%22%20viewBox=%220%200%2013%2013%22%20enable-background=%22new%200%200%2013%2013%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22%233b8ced%22%20d=%22M6.501,1.084c1.448,0,2.812,0.565,3.836,1.593c1.019,1.022,1.581,2.38,1.581,3.823%09c0,1.445-0.561,2.801-1.581,3.823c-1.022,1.026-2.388,1.595-3.836,1.595c-1.45,0-2.812-0.566-3.836-1.595C1.646,9.301,1.084,7.945,1.084,6.5c0-1.442,0.561-2.801,1.58-3.823C3.688,1.649,5.051,1.084,6.501,1.084%20M6.501,0%09C2.91,0,0,2.911,0,6.5C0,10.091,2.91,13,6.501,13C10.09,13,13,10.091,13,6.5C13,2.911,10.09,0,6.501,0L6.501,0z%22/%3E%3Cpolygon%20fill=%22%233b8ced%22%20points=%223.534,8.557%204.429,9.45%209.467,4.412%208.604,3.55%20%22/%3E%3Cpolygon%20fill=%22%233b8ced%22%20points=%229.467,8.557%208.57,9.45%203.534,4.412%204.396,3.55%20%22/%3E%20%3C/svg%3E");
}

#fancybox-overlay , #fancybox-wrap {display:none !important}

/* CUSTOM EDIT BY JONI */

.title-left .breadcrumbs
{
	float: left;
}
/*Font styling*/


.menu-item >a { font-family: 'Open Sans Hebrew', serif !important;}
.sidebar-right .content, .sidebar-left .sidebar {
    padding-right: 10px;
}
.widget-title {
    font-family: "Open Sans Hebrew",serif !important;
	
}
.page-title h1, #page .page-title .entry-title
{
 font-family: "Open Sans Hebrew",serif !important;
	
}
strong, .right-block
{
 font-family: "Open Sans Hebrew",serif !important;
	
}
/*Custom header*/
#header .text-area { float: left;}
#header .right-block {
    font-weight: normal !important;
    height: 100px;
    padding: 6% 0 6px;
    position: relative;
    right: 0;
    top: -47px;
    width: 422px;
}
#customphone {display:none;
    float: left !important;
    height: 50px;
    margin-left: 8%;
	position: relative;
    top: 20px;
    width: 280px;

}
#main { padding: 20px 0;}
.right-block {
    padding: 6% 0 6px;
    position: relative;
    right: 5%;
    font-weight: normal !important;
}
.navigation-holder {background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(223,223,223,1) 100%);}
.testimonial-vcard {
    display: none;
}

.testimonial-content {
    text-align: right;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {

	#customphone 
	{
	padding-bottom: 15px;
	}
	.logo-left #branding, .logo-classic #branding {
    padding-right: 5%;
	
	}
.navigation-holder {
    background: linear-gradient(to bottom, rgba(252, 252, 252, 1) 0%, rgba(223, 223, 223, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    direction: ltr;
}
.navigation-holder ul {direction:rtl}

}


@media screen and (max-width:700px) {
#branding a img, #branding img {    display: block !important;    float: right;    height: auto;    margin: 0px 15%;   max-width: 60%;    width: 100%;}
.accent-gradient #mobile-menu.accent-bg {  background: rgba(0, 0, 0, 0) linear-gradient(30deg, #ab8c31 0%, #d0be3c 100%) repeat scroll 0 0;  float: right;   width: 100%;}
.menu-open {visibility: hidden;}
.menu-open::before {
    content: "תפריט";
    font-family: open sans hebrew,arial,sans-serif;
    font-weight: 300;
    visibility: visible;
}
#top-bar .mini-contacts, .header-bottom-bar .mini-contacts {
    color: #ffffff;
    font-size: 16px;
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
    line-height: 110%;
}
}