@font-face 
{
font-family: 'Arimo';
src: url('fonts/Arimo.eot');
src: url('fonts/Arimo-Italic.eot');
src: url('fonts/Arimo-Bold.eot');
src: url('fonts/Arimo-BoldItalic.eot');
src: url('fonts/Arimo.eot#iefix') format('embedded-opentype'),
     url('fonts/Arimo.ttf') format('truetype'), 
     url('fonts/Arimo.woff') format('woff'), 
     url('fonts/Arimo.svg#svgFontName') format('svg'),     
     url('fonts/Arimo-Italic.eot#iefix') format('embedded-opentype'),
     url('fonts/Arimo-Italic.ttf') format('truetype'), 
     url('fonts/Arimo-Italic.woff') format('woff'), 
     url('fonts/Arimo-Italic.svg#svgFontName') format('svg'),   
     url('fonts/Arimo-Bold.eot#iefix') format('embedded-opentype'),
     url('fonts/Arimo-Bold.ttf') format('truetype'), 
     url('fonts/Arimo-Bold.woff') format('woff'), 
     url('fonts/Arimo-Bold.svg#svgFontName') format('svg'),     
     url('fonts/Arimo-BoldItalic.eot#iefix') format('embedded-opentype'),
     url('fonts/Arimo-BoldItalic.ttf') format('truetype'), 
     url('fonts/Arimo-BoldItalic.woff') format('woff'), 
     url('fonts/Arimo-BoldItalic.svg#svgFontName') format('svg');
}
@font-face 
{
font-family: 'Alef';
src: url('fonts/Alef-Regular.eot');
src: url('fonts/Alef-Bold.eot');
src: url('fonts/Alef-Regular.eot#iefix') format('embedded-opentype'),
     url('fonts/Alef-Regular.ttf') format('truetype'), 
     url('fonts/Alef-Regular.woff') format('woff'), 
     url('fonts/Alef-Regular.svg#svgFontName') format('svg'),     
     url('fonts/Alef-Bold.eot#iefix') format('embedded-opentype'),
     url('fonts/Alef-Bold.ttf') format('truetype'), 
     url('fonts/Alef-Bold.woff') format('woff'), 
     url('fonts/Alef-Bold.svg#svgFontName') format('svg');
}

/* assistant-regular - latin_hebrew */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/assistant-v1-latin_hebrew-regular.eot'); /* IE9 Compat Modes */
  src: local('Assistant'), local('Assistant-Regular'),
       url('fonts/assistant-v1-latin_hebrew-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/assistant-v1-latin_hebrew-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/assistant-v1-latin_hebrew-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/assistant-v1-latin_hebrew-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/assistant-v1-latin_hebrew-regular.svg#Assistant') format('svg'); /* Legacy iOS */
}
/* assistant-600 - latin_hebrew */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/assistant-v1-latin_hebrew-600.eot'); /* IE9 Compat Modes */
  src: local('Assistant SemiBold'), local('Assistant-SemiBold'),
       url('fonts/assistant-v1-latin_hebrew-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/assistant-v1-latin_hebrew-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/assistant-v1-latin_hebrew-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/assistant-v1-latin_hebrew-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/assistant-v1-latin_hebrew-600.svg#Assistant') format('svg'); /* Legacy iOS */
}
/* assistant-700 - latin_hebrew */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/assistant-v1-latin_hebrew-700.eot'); /* IE9 Compat Modes */
  src: local('Assistant Bold'), local('Assistant-Bold'),
       url('fonts/assistant-v1-latin_hebrew-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/assistant-v1-latin_hebrew-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/assistant-v1-latin_hebrew-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/assistant-v1-latin_hebrew-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/assistant-v1-latin_hebrew-700.svg#Assistant') format('svg'); /* Legacy iOS */
}
/* heebo-100 - latin_hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/heebo-v2-latin_hebrew-100.eot'); /* IE9 Compat Modes */
  src: local('Heebo Thin'), local('Heebo-Thin'),
       url('fonts/heebo-v2-latin_hebrew-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/heebo-v2-latin_hebrew-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/heebo-v2-latin_hebrew-100.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-300 - latin_hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/heebo-v2-latin_hebrew-300.eot'); /* IE9 Compat Modes */
  src: local('Heebo Light'), local('Heebo-Light'),
       url('fonts/heebo-v2-latin_hebrew-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/heebo-v2-latin_hebrew-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/heebo-v2-latin_hebrew-300.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-regular - latin_hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/heebo-v2-latin_hebrew-regular.eot'); /* IE9 Compat Modes */
  src: local('Heebo'), local('Heebo-Regular'),
       url('fonts/heebo-v2-latin_hebrew-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/heebo-v2-latin_hebrew-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/heebo-v2-latin_hebrew-regular.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-500 - latin_hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/heebo-v2-latin_hebrew-500.eot'); /* IE9 Compat Modes */
  src: local('Heebo Medium'), local('Heebo-Medium'),
       url('fonts/heebo-v2-latin_hebrew-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/heebo-v2-latin_hebrew-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/heebo-v2-latin_hebrew-500.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-800 - latin_hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/heebo-v2-latin_hebrew-800.eot'); /* IE9 Compat Modes */
  src: local('Heebo ExtraBold'), local('Heebo-ExtraBold'),
       url('fonts/heebo-v2-latin_hebrew-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/heebo-v2-latin_hebrew-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/heebo-v2-latin_hebrew-800.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-700 - latin_hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/heebo-v2-latin_hebrew-700.eot'); /* IE9 Compat Modes */
  src: local('Heebo Bold'), local('Heebo-Bold'),
       url('fonts/heebo-v2-latin_hebrew-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/heebo-v2-latin_hebrew-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/heebo-v2-latin_hebrew-700.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-900 - latin_hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/heebo-v2-latin_hebrew-900.eot'); /* IE9 Compat Modes */
  src: local('Heebo Black'), local('Heebo-Black'),
       url('fonts/heebo-v2-latin_hebrew-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/heebo-v2-latin_hebrew-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/heebo-v2-latin_hebrew-900.svg#Heebo') format('svg'); /* Legacy iOS */
}
html
{
height:100%;
width:100%;
padding:0px;
margin:0px;
}

body
{
height:auto;
width:100%;
padding:0px;
font-family:'Alef',Arial,Miryam,sans-serif;
font-size:18px;
color:rgba(0,0,0,0.80);
margin:0;
min-width:300px;
line-height:1.4;
text-align:right;
}

body.page-id-144 #content-wrapper
{
max-width:900px;
margin:10px auto;
}
body.ltr
{
direction:ltr;
text-align:left;
}
body.rtl
{
direction:rtl;
text-align:right;
}
*
{
  box-sizing:border-box;
}
a
{
text-decoration:none;
color:rgba(0,0,0,0.80);
}
#skip-to-content-link
{
  display:inline-block;
  z-index:200;
  background-color:white;
  color:black;
  font-size:150%;
  overflow:hidden;
  position:fixed;
  padding:20px;
  border:2px solid #00ccD7;
  border-radius:7px;
  top:-400px;
  left: 50%;
  transform:translate(-50%);
  box-sizing:border-box;
}
#skip-to-content-link:focus
{
  top:20px;
}

#ie10-form-message  span,
#ie-less-then-10-form-message span,
#ie-less-then-10-message span,
#ie10-message   span
{
 border:2px solid red;
 font-size:23px;
 color:red;
 text-align:center;
 padding:25px 35px;
 display:inline-block;
 width:auto;
}
#ie10-form-message,
#ie10-message
{
 display:none
}
#ie-less-then-10-form-message,
#ie-less-then-10-message
{
 display:block;	
 text-align:center;
}
#ie10-message,
#ie-less-then-10-message
{
 text-align:center;
}

img
{
 display:block;
 float:none;
 width:100%;
 height:auto;
 margin:0 auto;
}
h1
{
  font-size:125%;
}
h2
{
 font-size:115%;
}
h3
{
  font-size:108%
 }
.clearfix:after {
  content:"";
  display:table;
  clear:both;
}
#resolution-reporter
{
  position:fixed;
  bottom:0;
  left:0;
  width:30px;
  height:30px;
  cursor:pointer;
}

/* main layout boxes and wrappers */

#outer-wrapper
{
position:relative;
width:100%;
margin:0px;
padding:0px;
overflow:hidden;
min-height:100vh;
display:flex;
flex-direction: column;
}

#page-wrapper,
#header-wrapper,
#main-navbar-wrapper,
#middle-wrapper,
#side-menu-wrapper,
#sidebar-second-wrapper,
#sidebar-first-wrapper,
#content-wrapper,
#footer-wrapper
{
 border:0px solid rgba(0,0,0,0.4);
}
#page-wrapper
{
width:100%;
height:auto;
margin:0;
padding:0px;
}
#header-inner-wrapper,
#middle-wrapper,
#bottom-wrapper,
#footer-inner-wrapper
{
 max-width:1280px;
 margin-right:auto;
 margin:0px auto;
 padding:0;
}
#header-wrapper
{
 position:relative;	
 padding-top:20px;
}
#header-inner-wrapper
{
width:100%;
position:relative;
display:flex;
align-items: flex-end;
justify-content:space-between;
height:auto;
}
#site-branding
{
width:320px;
padding-left:20px;
}
#main-navbar-wrapper
{
width:calc(100% - 320px);
}
#middle-wrapper
{
 width:100%;
 margin:0px auto;
 padding:20px 1% 20px 1%;
}
#footer
{
 width:100%;
 margin-top:auto;
}

#footer-top-wrapper
{
 width:100%;	
}
#footer-bottom-wrapper
{
 width:100%;
 text-align:center;
}
#credits,
#copyrights
{
color:;
font-size:90%;
display:inline-block;
padding:4px 15px;
}
#credit-copyright-separator
{
	
}
#copyrights
{
	
}
#copyrights-text
{
	
}

#copyrights-years
{
	
}
#copyrights-symbol
{
font-size:150%;
line-height:1;
}
#credits  a
{
  color:;
}

#bottom-wrapper
{
 width:100%;
 height:auto; 
 margin:0px auto;
 padding:10px 1% 10px 1%;
}
#copyrights
{
  padding:15px;
  text-align:center;
  color:;
}

/*=== site branding ===*/

#site-branding
{

}

#logo-wrapper
{
 font-size:0;
}
#logo-wrapper img
{
max-width: 100%;
height: auto;
font-size:0;
}

/*---------------------*/

#page-title,
h1#page-title
{
 font-size:120%;
 margin: 40px 0;
}
#page-title  span
{
  display:inline-block;
  background-image: url(images/bg_titles.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding:12px 24px 3px 24px ;
  color:white;
}

/*=== image, gallery images, and in-page sliders containers  ===*/

.gallery-image-container
{
 font-size:0;
 display:inline-block;
 float:none;
 height:auto;
 width:23%;
 overflow:hidden;
 box-sizing:border-box;
 margin:.55% 1% auto auto;
 cursor:pointer;
}

.gallery-image-container   img
{
 width:100%;
 display:inline-block;
 transition:transform .4s linear;
 cursor:pointer;
}
.gallery-image-container:hover  img
{
 opacity:.75;
 transform:scale(1.15);
}
.single-image-container,
.single-video-container,
#page-slider-container
{
 clear:both;
 font-size:0;
 float:left;
 width:auto;
 width:100%;
 max-width:50%;
 margin:0 3% 3% 0;
 display:inline-block;
}
.single-image-container.portrait
{
 max-width:35%;
}
body.page-id-144  .single-image-container.portrait /*  front page  */
{
 max-width:20%;
}
body.page-id-144  .single-image-container.landscape /*  front page  */
{
 max-width:40%; 
}
body.page-id-144  .span-front-page
{
display:inline-block;
background-image: url(images/bg_titles.png);
background-repeat: no-repeat;
background-size: 100% 100%;
color: white;
padding: 12px 22px 3px 22px;
font-size:20px;
text-align:center;
}
body.ltr  .single-image-container,
body.ltr  .single-video-container
{
 float:right;
 margin:0 0 3% 3%;
}
.single-image-container,
.single-video-container,
#page-slider
{
 border:0px solid white;
}
body.ltr   .single-image-container,
body.ltr   .single-video-container
{
 border:0px solid white;
}

.single-video-container:first-of-type,
#page-slider-container:first-of-type,
.single-image-container:first-of-type
{
  margin-top:0;
}

/*=== main menu toggler ===*/

#main-menu-toggler
{
  display:none;
  margin:0px auto;
  padding:0px;
  border:2px solid transparent;
}
#main-menu-toggler:focus
{
  border:2px solid white;
}
#main-menu-toggler-symbol
{
  display:inline-block;
  width:50px;
  height:25px;
  background:url("images/menu-symbol.png") no-repeat top right;
  background-size: 100% 100%;
  margin:9px 0 0 0 ;
  opacity:1;
  cursor:pointer;
}
body.ltr   #main-menu-toggler-symbol
{
margin-left:20px;
}
#main-menu-toggler-text
{
font-size:20px;
color:rgba(0,0,0,0.75);
display:none;
}
#main-menu-toggler-arrow
{
 display:none;
 background:url("images/menu-toggler-arrow.png") no-repeat top right; 
 background-size: 100% 100%;
 width:22px;
 height:22px;
 opacity:1;
 transition:transform .8s linear;
}
/*=== side menu toggler ===*/
#sidemenu-toggler
{
  display:none;
  position:relative;
}

body.rtl  #sidemenu-toggler
{
  text-align:right;
  margin:10px 5px auto auto;
}
body.ltr  #sidemenu-toggler
{
  text-align:left;
  margin:10px  auto 5px auto;
}
#sidemenu-toggler:before
{
 content:'';
 position:absolute;
 top:0px;
 right:0px;
 width:17px;
 height:13px;
 background: url(images/full-down-arrow-white.png) no-repeat top right;
 background-size:100% 100%;
 transition:transform .7s linear;
 z-index:+1;
}
body.ltr  #sidemenu-toggler:before
{
  right:unset;
  left:0px;
}
#sidemenu-toggler-symbol
{
  display:none;
  background:url("images/menu-symbol.png") no-repeat top right;
  background-size: 100% 100%;
}
#sidemenu-toggler-arrow
{
 display:none;
 background:url("images/menu-toggler-arrow.png") no-repeat top right;
 background-size: 100% 100%;
 transition:transform .8s linear;
 width:20px;
 height:20px;
}
#sidemenu-toggler-text
{
font-size:115%;
width:auto;
position:relative;
}

/*===  sticky menu ===*/

#main-navbar-wrapper.fixed
{
  position:fixed;
  top:0;
  left:0;
  z-index:99999;
  margin:0 auto;
  box-shadow:3px 3px 3px rgba(0,0,0,0.3);
  background-color: rgba(255,255,255,0.8);
}
body.is-desktop-laptop    #main-navbar-wrapper.fixed
{
  background-color: rgba(0,0,0,0.8);
  background-image:none;
}
#main-navbar-wrapper.fixed    #main-menu.desktop-style
{
  margin:10px auto;
}
#main-navbar-wrapper.fixed     #main-menu.mobile-style
{
 width:120%;
 overflow-y:scroll;
 padding-left:20%;
 margin-bottom:0;
}

/*===  main-menu (both mobile and desktop) ===*/

#main-navbar-wrapper
{
  width:calc(100% - 170px);
  padding: 6px 1% 4px 1%;
  margin:16px auto 0 auto;
  box-sizing:border-box;
  position:relative;
  overflow:visible;
  background-image: url(images/bg_tafrit.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align:center;	
}
body.ltr    #main-navbar-wrapper
{

}
#main-menu
{
 display:none;
}
#main-menu  ul
{
 list-style:none;
 margin:0px;
 padding:0;
}
#main-menu  li
{
 list-style:none;
 margin:0px;
}
#main-menu   a
{
display:inline-block;
width:auto;
padding:12px 17px 6px 17px;
margin:0px;
text-decoration:none;
font-size:100%;
position:relative;
color:white;
cursor:pointer; /* for links without href */
}

/*=== desktop-style-main-menu ===*/

#main-menu.desktop-style
{
  position:relative;
  display:block;
}
#main-menu.desktop-style  #link-close-menu 
{
  display:none;
}

#main-menu.desktop-style  li
{
display:inline-block;
width:auto;
border:none;
text-align:center;
margin:0 ;
position:relative;
}

#main-menu.desktop-style  .sub-menu
{
background-color:rgba(0,0,0,0.5);
padding:0px;
border:0px solid rgba(0,0,0,0.5);
display:block;
position:absolute;
top:0;
right:98%;
height:auto;
max-height:0;
transition:max-height .7s linear;
overflow:hidden;
}

body.ltr  #main-menu.desktop-style  .sub-menu
{
 right:unset;
 left:98%;
}
#main-menu.desktop-style>ul>li> .sub-menu
{
position:absolute;
top:100%;
right:0px;
}
body.ltr     #main-menu.desktop-style>ul>li> .sub-menu
{
left:0;
right:unset;
}
#main-menu.desktop-style .sub-menu li.first
{
margin-top:0px;
}
#main-menu.desktop-style .sub-menu  li.last
{
margin-bottom:0px;
}

#main-menu.desktop-style .sub-menu  li
{
position:relative;
white-space: nowrap;
text-align:right;
display:block;
}
body.ltr  #main-menu.desktop-style  .sub-menu  li
{
 text-align:left;
}

/*=== end of desktop style main menu ===*/

/*=== mobile style main menu ===*/

#main-menu.mobile-style  #link-close-menu 
{
  display:list-item;
  height:0;
  overflow:hidden;
}
#main-menu.mobile-style    #link-close-menu:focus
{
  height:auto;
}
#main-menu.mobile-style
{
 display:block;
 max-height:0px;
 overflow:hidden;
 transition:max-height .8s linear;
 padding-right:24px;
 background-color: rgba(0,0,0,0.7);
 position:absolute;
 top:100%;
 width: 100vw;
 z-index: 1;
 right: 0;
 text-align: right;
}
body.ltr   #main-menu.mobile-style
{
 padding-right:0px;
 padding-left:24px;
}

#main-menu.mobile-style ul
{
 padding-right:22px;
}
#main-menu.mobile-style >ul
{
margin:14px;
padding:0px;
width:120%;
padding-left:20%;
max-height:calc(100vh - 60px);
overflow-y:scroll;
}
#main-menu.mobile-style li a
{
padding:5px 5px 5px 0px;
}

#main-menu.mobile-style  .sub-menu
{
transition:max-height .5s linear;
display:block;
height:auto;
overflow:hidden;
margin-right:15px;
}

/*====== side menu =======*/
#sidemenu-wrapper
{

}

#side-menu 
{
 overflow:hidden;
 transition:max-height .8s linear;
}
body.is-mobile   #side-menu
{
 max-height:0;
}
body.rtl   #side-menu 
{
  padding-right:20px;
}
body.ltr    #side-menu 
{
   padding-left:20px;
}
#side-menu   .sub-menu
{
 overflow:hidden;
 transition:max-height .8s linear;
 max-height:0;
}
#side-menu ul
{
  padding:0px;
  line-height:1.4;
  position:relative;
  margin-top:10px;
  margin-right:0px;
}
#side-menu > ul
{
 padding:0px;
  line-height:1.4;
  position:relative;
  margin-top:10px;
  margin-right:0px;
}
body.is-mobile    #side-menu > ul
{
  margin-top:0;
}
#side-menu  li
{
width:auto;
position:relative;
list-style-image:none;
list-style-type:none;
margin:0 3px;
}
#side-menu   a
{
display:inline-block;
text-decoration:none;
color:rgba(0,0,0,0.75);
padding:5px 10px 5px 10px;
font-size:120%;
width:auto;
position:relative;
}

/*=== menu item has children ===*/

body.rtl  #main-menu.desktop-style   .menu-item-has-children  a,
body.rtl  #main-menu.mobile-style     .menu-item-has-children  a
body.rtl  #side-menu   .menu-item-has-children  a
{
  padding-right:22px;
  position:relative;
}
body.ltr   #main-menu.desktop-style   .menu-item-has-children  a,
body.ltr   #main-menu.mobile-style     .menu-item-has-children  a
body.ltr   #side-menu      .menu-item-has-children  a
{
  padding-left:22px;
  position:relative;
}
#main-menu.desktop-style  .menu-item-has-children> a:before,
#main-menu.mobile-style    .menu-item-has-children> a:before
#side-menu    .menu-item-has-children> a:before
{
 content:'';
 position:absolute;
 top:15px;
 right:0px;
 width:17px;
 height:13px;
 background: url(images/full-down-arrow-white.png) no-repeat top right;
 background-size:100% 100%;
 transition:transform .7s linear;
 z-index:+1;
}
body.ltr   #main-menu.desktop-style  .menu-item-has-children> a:before,
body.ltr   #main-menu.mobile-style    .menu-item-has-children> a:before
body.ltr   #side-menu   .menu-item-has-children> a:before
{
  left:0px;
  right:unset;
}
#main-menu.desktop-style   .menu-item-has-children.opened> a:before
{
 transform:rotate(180deg);
}
#main-menu.mobile-style   .menu-item-has-children> a:before
#side-menu     .menu-item-has-children> a:before
{
 transform:rotate(90deg);
}
body.ltr   #main-menu.mobile-style  .menu-item-has-children> a:before
body.ltr   #side-menu  .menu-item-has-children> a:before
{
 transform:rotate(-90deg);
}
#main-menu.mobile-style   .menu-item-has-children.opened> a:before
#side-menu   .menu-item-has-children.opened> a:before
{
 transform:rotate(0deg);
}


/*=== current-menu-item  ===*/

#main-menu.desktop-style li a:before,
#main-menu.mobile-style li a:before
{
 content:"";
 display:block;
 position: absolute;
 top:calc(100% - 7px);
 left:51%;
 bottom:5px;
 right:51%;
 transition:right .25s linear,left .25s linear;
 background-color:rgba(255,255,255,1);
}

body.single-event  li#menu-item-195 > a:before,
#main-menu.desktop-style li.current-menu-item>a:before,
#main-menu.mobile-style li.current-menu-item>a:before
{
 right:10px;
 left:10px;
}
body.single-event  #main-menu.mobile-style  li#menu-item-195 > a:before,
#main-menu.mobile-style li.current-menu-item>a:before
{
 right:0px;
 left:0px;
}
#main-menu.desktop-style  li.current-menu-ancestor>a:before,
#main-menu.mobile-style  li.current-menu-ancestor>a:before
{
  background-color:rgba(255,255,255,1);
  right:10px;
  left:10px;
}

/*=== current-menu-item  ===*/


/* תפריט תחומי פעילות בצורה של אייקונים עגולים בתחתית העמוד*/

#nav_menu-2
{
 list-style:none;
 width:100%;	
 padding:30px 0;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 margin:50px auto 30px  auto;
}
#nav_menu-2>div>ul
{
 padding:0;	
 list-style:none;
 width:100%;
 display:flex;
 flex-wrap:wrap;
 align-items:stretch;
 justify-content:center;
 text-align:center;
}
#nav_menu-2>div>ul>li
{
  display:inline-block;
  width:15%;
  margin:20px 1.45%;
  height:auto;
  text-align:center;
}
#nav_menu-2>div>ul>li a
{
 position:relative;
 width:100%;
 vertical-align: middle;
}
#nav_menu-2>div>ul>li a:before
{
  content:'';
  display:block;
  width:100%;
  border-radius:50%;
  padding-top:100%;
  margin-bottom:17px;
  position:relative;
  z-index:-3; 
}

#nav_menu-2>div>ul>li#menu-item-141 a:before
{
  background-image:url(images/icon-tipul-beomanut.jpg);
  background-size:100% 100%;
}
#nav_menu-2>div>ul>li#menu-item-139 a:before
{
  background-image:url(images/icon-hanhayat-kvutzot.jpg);
  background-size:100% 100%;
}
#nav_menu-2>div>ul>li#menu-item-138 a:before
{
  background-image:url(images/icon-nia.jpg);
  background-size:100% 100%;
}
#nav_menu-2>div>ul>li#menu-item-137 a:before
{
  background-image:url(images/icon-hadraha-livuy.jpg);
  background-size:100% 100%;
}
#nav_menu-2>div>ul>li#menu-item-140 a:before
{
  background-image:url(images/icon-psychotherapy.jpg);
  background-size:100% 100%;
}

/*
hadraha-livuy.jpg
hanhayat-kvutzot.jpg
nia.jpg
psychotherapy.jpg
tipul-beomanut.jpg
*/


/*=== youtube videos ===*/

.single-video-container,
.gallery-video-container
{
 position:relative;
 display:none;
 width:45%;
 overflow:hidden;
 margin:1%;
 box-shadow:2px 2px 3px rgba(0,0,0,0.1);
}
body.is-desktop-laptop    .single-video-container:after,
body.is-desktop-laptop    .gallery-video-container:after
{
 content:"";
 display:block;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 background:url('images/play-button.png') no-repeat 5% 95%;
 background-size: 18% auto;
 transition:background-position .4s linear, background-size .4s linear;
 opacity:.6
}
body.is-desktop-laptop    .single-video-container:hover:after,
body.is-desktop-laptop    .gallery-video-container:hover:after
{
 opacity:1;
 background:url('images/play-button.png') no-repeat 50% 50%;
 background-size: 28% auto;
}

.yt-video-poster
{
 width:100%;
 height:auto;
 cursor:pointer;
}
body.is-mobile    .yt-video-poster-overlay
{
 display:block;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 background:url('images/play-button-grey.png') no-repeat 50% 50%;
 background-size: 20% auto;
 opacity:.7;
}
.map-iframe-container,
#video-iframe-container
{
 position: relative;
 padding-bottom: 56.25%; /* 16:9 */
 height: 0; 
 margin-top:0px;
 margin-bottom:0px;
 box-sizing:border-box;
 width:100%;
 display:inline-block
}
.map-iframe-container
{
 padding-bottom: 75%;
}
.map-iframe-container  iframe,
#video-iframe-container   iframe
{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.video-title
{
  display:none;
}

/*=== accordion ===*/

#page-accordion-wrapper    
{
display:block;
height:auto;
width:auto;
margin-right:33px;
box-sizing:border-box;
}

h3.accordion-item-title,
h3.intext-accordion-title
{
  margin-top:12px ;
  margin-bottom:3px ;
  font-size:110% ;
  box-sizing:border-box;
  cursor:pointer;
  position:relative;
  display:inline-block;
  width:auto;
}
.intext-accordion-title:after,
.accordion-item-title:after
{
content:"";
display:block;
width:100%;
height:0;
position: absolute;
left:0;
bottom:-5px;
right:0;
transition:height .2s linear;
background-color:rgba(0,40,210,.5);
}
body.is-desktop-laptop   .intext-accordion-title:hover:after,
body.is-desktop-laptop   .accordion-item-title:hover:after
{
 height:4px;
}
.intext-accordion-title:before,
.accordion-item-title:before
{
 content:'';
 display:inline-block;
 width:14px;
 height:14px;
 border-radius:8px;
 background-image:url(images/submenu-down-arrow.png);
 background-size:100% 100%;
 transform: rotate(90deg);
 transition:transform .7s linear;
 box-sizing:border-box;
 margin-left:4px;
 cursor:pointer;
 position:absolute;
 top:8px;
 right:-30px;
}
.intext-accordion-title.opened :before,
.accordion-item-title.opened:before
{
  transform: rotate(0deg);
}
.intext-accordion-text,
.accordion-item-text
{
  max-height:0px;
  overflow:hidden;
  transition:max-height .7s ease-out;
}
.intext-accordion-text>div,
.accordion-item-text >div
{
 height:auto;
 margin:16px auto;
}
.intext-accordion-text   .paragraph-break,
.accordion-item-text  .paragraph-break
{
 height:8px;
}
.intext-accordion-text   ul,
.accordion-item-text  ul
{
  margin-top:8px;
  margin-bottom:0px;
}
/*=== archive items ===*/


.archive-item
{
 margin:0 auto;
 padding:40px 0;
}
.archive-item:after
{
 content:"";
 display:block;
 height:4px;
 width: 100%;
 border-top:0px solid rgba(0,0,0,0.3); 
 border-bottom:0px solid rgba(0,0,0,0.3); 
 margin:0px auto;
 clear:both
}
.archive-item:last-of-type:after
{
 border-top:0px solid rgba(0,0,0,0.3); 
 border-bottom:0px solid rgba(0,0,0,0.3); 
}
.archive-item-excerpt-container
{
 display:inline;
 width:100%;
 vertical-align:top;
}
.archive-item-image-container
{
 display:inline-block;
 width:34%;
 vertical-align:top;
 border:1px solid rgba(0,0,0,0.1); 
}
.archive-item-image-container  img
{
 width:100%;
}
body.ltr   .archive-item-image-container
{
 float:left;
 margin:0px 24px 24px 0px 
}
body.rtl   .archive-item-image-container
{
 float:right;
 margin:0px  0px 24px 24px 
}
body.rtl  .archive-item-excerpt-container
  {
  margin-left:2%;
 }

body.ltr  .archive-item-excerpt-container
  {
  margin-right:2%;
 }
 .archive-item-excerpt-container p:last-of-type
  {
  display:inline;
 }
  .archive-item-excerpt-container   .read-more
  {
  color:grey;
 }

 /* archive review */
#review-archive-wrapper
{
 max-width: 800px;
 margin: 20px auto;
 display: flex;
 flex-flow: column;
 justify-content: stretch;
}
.review-archive-item
{
display: flex;
justify-content: center;
align-items: flex-start;
margin-bottom:25px;
}
h2.archive-review-title
{
font-size: 100%;
}

h2.archive-review-title  span
{
display: inline-block;
background-image: url(images/bg__gray_titles.png);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 12px 24px 3px 24px;
color: white;    
}

.archive-review-image-wrapper
{
 max-width:200px;
 margin-left:20px;
 flex: 1 0 200px;
 border:1px solid rgba(0,0,0,0.2);
 border-radius:50%;
 overflow:hidden;
}
.archive-review-image-wrapper   img
{
 max-width: 100%;
 height: auto;   
}

.archive-review-text-wrapper
{
 display: inline-block;
 flex: 0 1 600px;   
}
.archive-review-text
{ 
font-size: 110%;
}
.archive-review-text p:first-of-type
{ 
margin-top:0;
}
 
 
 /* ajax contact from widget */

.contact-form-outer-wrapper
{
  width:100%;
  border:2px solid rgba(0,0,0,0.07);
  padding:10px 20px;
  background-color: #fff;
  margin:20px auto 20px auto;
}
.contact-form-inner-wrapper
{

}
.contact-form-title-wrapper
{
 
  margin:16px auto;
}
.contact-form-title
{
 color:#095647;
 font-weight:500;
}
.contact-form-feedback
{
  background-color:white;
  padding:10px;
}

.contact-form-input-wrapper
{
  width:100%;
  margin:14px auto;
  position:relative;
  font-size:110%;
}

.contact-form-input-wrapper    label
{
 display:block;
}

.contact-form-input-wrapper.must:after
{
 content:' * ';
 color:red;
 font-size:170%;
 position:absolute;
 top:-8px;
 right:-15px;
}

input.contact-form-input,
textarea.contact-form-input.message
{
  border:1px solid rgba(0,0,0,0.3);
  padding:10px;
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  font-family:Alef;
  font-size: 100%;
  box-sizing: border-box;
  background-color:#f1ede7;
}
.contact-form-input.confirm-agreement
{
  width:21px;
  height:21px;
}

.contact-form-human-validation-wrapper
{
  margin-bottom:15px;
}
.contact-form-send-btn-wrapper
{
 margin-bottom:20px;
 text-align:center;
}
.contact-form-send-btn-wrapper   button
{
    font-size: 116%;
    min-width:24%;
    padding:4px 8px;
    color:white;
    background-color:#8ab657;
}


 /* dorit contact page */
 
#form-on-contact-us-page   
{
max-width:350px;
width:100%;
display:inline-block;
}
#form-on-contact-us-page  .contact-form-outer-wrapper
{
  width:100%;
  border:0px solid rgba(0,0,0,0.07);
  padding:10px 0;
  background-color: rgba(0,0,0,0.00);
  margin-top:0px;
}
#form-on-contact-us-page   .contact-form-inner-wrapper
{
  width:100%;
  margin:0px auto;
}
#form-on-contact-us-page   .contact-form-title-wrapper
{
  width:80%;
  margin:0px auto;
}
#form-on-contact-us-page   .contact-form-title
{

}
#form-on-contact-us-page   .contact-form-feedback
{
  background-color:white;
  padding:10px;
}

#form-on-contact-us-page   .contact-form-name-input-wrapper,
#form-on-contact-us-page   .contact-form-email-input-wrapper,
#form-on-contact-us-page   .contact-form-phone-input-wrapper,
#form-on-contact-us-page   .contact-form-subject-input-wrapper,
#form-on-contact-us-page   .contact-form-message-input-wrapper
{
  width:100%;
  margin:14px auto;
}

#form-on-contact-us-page   .contact-form-name-input-wrapper    label,
#form-on-contact-us-page   .contact-form-email-input-wrapper    label,
#form-on-contact-us-page   .contact-form-phone-input-wrapper    label,
#form-on-contact-us-page   .contact-form-subject-input-wrapper    label,
#form-on-contact-us-page   .contact-form-message-input-wrapper    label
{
 display:block;
}
#form-on-contact-us-page   .contact-form-name-input-wrapper          label.must:after,
#form-on-contact-us-page   .contact-form-email-input-wrapper        label.must:after,
#form-on-contact-us-page   .contact-form-phone-input-wrapper        label.must:after,
#form-on-contact-us-page   .contact-form-subject-input-wrapper    label.must:after,
#form-on-contact-us-page   .contact-form-message-input-wrapper    label.must:after
{
 content:' * ';
 color:red;
}
#form-on-contact-us-page   .contact-form-message-input-wrapper
{

}

#form-on-contact-us-page   input.contact-form-name-input,
#form-on-contact-us-page   input.contact-form-email-input,
#form-on-contact-us-page   input.contact-form-phone-input,
#form-on-contact-us-page   input.contact-form-subject-input,
#form-on-contact-us-page   textarea.contact-form-message-input
{
  border:1px solid rgba(0,0,0,0.3);
  padding:10px;
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  font-family:Alef;
  font-size: 100%;
  box-sizing: border-box;
}

#form-on-contact-us-page   .contact-form-message-input
{

}
#form-on-contact-us-page   .contact-form-human-validation-wrapper
{
  margin-bottom:15px;
}
#form-on-contact-us-page   .contact-form-send-btn-wrapper
{
 margin-bottom:20px;
 float:left;
}
#form-on-contact-us-page   .contact-form-send-btn-wrapper   button,
#landing-page-contact-form   .contact-form-send-btn-wrapper   button
{
    font-size: 116%;
    padding:4px 8px;
    color:white;
    background-color:rgba(0,0,0,0.3);
    font-family:Alef;    
}

 /* landing page contact form */
 
#landing-page-contact-form
{
  max-width:450px;
  margin:0 auto;
}
#landing-page-contact-form  .contact-form-outer-wrapper
{
  border:0;
}
 /* content widget block */
 
#front-page-content-blocks-widget-wrapper
{
  margin:20px 0;
  border-bottom:0px solid rgba(0,0,0,0.3);
  box-sizing:border-box;
}

.content-block-widget-block
{
  display:inline-block;
  max-width:26%;
  margin:10px 2%;
  border:1px solid blue;
  padding:10px;
  vertical-align:top;
  box-sizing:border-box;
}
.content-block-widget-text
{
  margin-bottom:16px;
}

.content-block-widget-image-wrapper
{
  width:100%;
  margin:0 auto 14px auto;
}

.content-block-widget-image-wrapper  img
{
  width:100%;
  height:auto;
}

.content-block-widget-read-more
{
  white-space:nowrap;
}

.content-block-widget-read-more:before
{
  content:'[';
}
.content-block-widget-read-more:after
{
  content:']';
}
/* members area pages*/

#members-menu
{
 list-style:none;
 text-align:center;
 padding:0;
 margin:0;
}
#members-menu  li
{
 display:inline-block;
 margin:10px;
}
#members-menu  li
{
 padding:6px 20px;
}

h1.members-area-page-title
{
  font-size:130%;
  text-align:center    
}

.field-column-header.pay-button
{
  visibility:hidden;	
}
.action-button.pay-membership
{
 margin:0 4px;
}

/* specific pages */

#login-register-links-wrapper
{
 max-width: 800px;
 margin: 8px auto;
 text-align: center;    
}
#login-link, 
#registration-link
{
 max-width: 260px;
 width: 100%;
 display: inline-block;
 margin: 30px;
 font-size: 120%;
 border-radius: 12px;
 color: white;
 background-color: #0e0e0e;
 padding: 12px;
 cursor: pointer;
}

body.page-id-4   .single-image-container.landscape /* about */
{
  max-width:35%;	
}
body.postid-526   .single-image-container.landscape /* greece workshop 2019 */
{
  max-width:100%;	
}


/*=== events archive (page-id-193)===*/


#past-events-wrapper
{
 display:flex;
 flex-wrap:wrap;
 justify-content: space-between;
}

.future-event-wrapper
{
	
}

body.rtl  .future-event-wrapper  .archive-item-image-container
{
float:left;
margin: 0px 24px 24px 0;	
width:50%;
}
.past-event-wrapper
{
  width:32%;
  margin-bottom:2%;
  padding:10px;
  border:1px solid #ABB0A8;
}

.past-event-wrapper   h3
{
  text-align:center;
}
.horizontal-content-separator
{
 margin:40px 0;
 border-bottom:2px solid #ABB0A8;
}

/*=== kufsator (light-box) ===*/

#kufsator-container
{
 width:0px;
 height:0px;
 overflow:hidden;
 position:absolute;
 top:0px;
 left:0px;
 margin:0px;
 padding:0px;
 box-sizing:border-box;
}
#kufsator
{
  width:auto;
  height:auto;
  background-color:grey;
  position:absolute;
  transform:scale(0);
  border:3px solid grey;
  box-sizing:border-box;
  overflow:hidden;
}

#kufsator img
{
  display:none;
  width:100% ;
  height:auto;
}

.hidden-text
{
 display:none;
}
#content-link
{

}
#kufsator-overlay
{
 position:absolute;
 bottom:5%;
 width:90%;
 padding:18px;
 border:1px solid grey;
 box-sizing:border-box;
 right:110%;
 background-color:rgba(255,255,255,0.8);
 transition:all .5s linear;
}
#kufsator-overlay-text
{
 color:rgba(0,0,0,0.9);
 font-family:Arial;
 font-size:18px;
}
#kufsator-overlay-title
{
 font-size:20px;
 font-weight:bold;
}
#kufsator-off-button
{
 position:absolute;
 top:3px;
 right:-15%;
 width:5%;
 border:0px solid grey;
 border-radius:10%;
 background:url('images/kufsator-close-button.png');
 background-size: 100% 100%;
 opacity:.6;
 transition:right 0.3s linear;
}
#kufsator-off-button:hover
{
 background:url('images/kufsator-close-button-hover.png');
 background-size: 100% 100%;
 opacity:.7;
}

#kufsator-button-next,
#kufsator-button-previous
{
 display:block;
 position:absolute;
 top:46%;
 width:5%;
 border:1px solid grey;
 border-radius:50%;
 transition:background 0.4s linear,right 0.3s ease-in-out,left 0.3s ease-in-out;
 opacity:0.7;
}

#kufsator-button-next
{
  background:url("images/kufsator-right-arrow.png");
  background-size:100% 100%;
}
#kufsator-button-next:hover
{
  background:url("images/kufsator-right-arrow-hover.png");
  background-size:100% 100%;
  border:1px solid white;
}
#kufsator-button-previous
{
  background:url("images/kufsator-left-arrow.png");
  background-size:100% 100%;
}
#kufsator-button-previous:hover
{
  background:url("images/kufsator-left-arrow-hover.png");
  background-size:100% 100%;
  border:1px solid white;
}
#kufsator-button-next
{
 right:-20%;
}
#kufsator-button-previous
{
  left:-20%;
} 
#kufsator-info-button
{
 display:none;
 position:absolute;
 top:5px;
 left:5px;
 width:10%;
 border:1px solid grey;
 border-radius:1%;
 background:url('images/kufsator-info-button.png');
 background-size: 100% 100%;
 opacity:.6;
 transition:left 0.3s linear;
 cursor:pointer;
}
#kufsator-info-button
{
 border:2px solid rgba(255, 255, 255,0.6);
}

/*=== end of kufsator ===*/


/*=== dot spinner ===*/

#spin-box
{
display:none;
width:100px;
height:100px;
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:999;
border-radius:3px;
}
#spinner 
 {
  position:relative;
  margin: 0px auto auto auto;
  width:50px;
  height:50px;
}

.container1 > div, .container2 > div, .container3 > div {
  width: 12px;
  height: 12px;
  border:2px solid white;
  background-color:#10ACF8;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: rotate 1.2s infinite linear;
  animation: rotate 1.2s infinite linear;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes rotate 
{
  0%, 20%, 100% { transform:scale(1,1)}
  10% { transform:scale(0,0)}
}

@keyframes rotate 
{
  0%, 20%, 100% { transform:scale(1,1)}
  10% { transform:scale(0,0)}
}
/*
@-webkit-keyframes rotate 
{
  0%, 20%, 100% { background-color:#10ACF8;  border-color:2px}
  10% { background-color:transparent ;border-width:0}
}

@keyframes rotate 
{
  0%, 20%, 100% { background-color:#10ACF8;  border-width:2px}
  10% { background-color:transparent ;border-width:0}
}
*/
#spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.container2 {
  -webkit-transform: rotateZ(30deg);
  transform: rotateZ(30deg);
}

.container3 {
  -webkit-transform: rotateZ(60deg);
  transform: rotateZ(60deg);
}
.container4 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }


.container1 .circle1 {
  -webkit-animation-delay: -1.2s;
  animation-delay: -1.2s;
}
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.container3 .circle1 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}


.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}


.container1 .circle3 {
  -webkit-animation-delay: -06s;
  animation-delay: -0.6s;
}

.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}


.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

/*=== end of dot spinner ===*/

/*=== admin menu adjustments ===*/
.toolbar-tab
{
  width:auto;
}
/*=== end of admin menu adjustments ===*/

#up-scroller
{
  position:fixed;
  bottom:12px;
  right:12px;
  width:30px;
  height:30px;
  border:2px solid  rgba(255,255,0255,1);
  border-radius:15px;
  background:url(images/scroll-up-arrow.png);
  background-size:100% 100%;
  color:white;
  opacity:0;
  transition: opacity .4s linear;
}

/*=== top-menu ===*/

#doritush-top-menu-wrapper
{
 position:absolute;
 top:35px;
 left:10px;
 display:inline-block;
}

#doritush-top-menu
{
  direction:ltr;
}
#doritush-top-menu  li
{
 list-style:none;
 display:inline-block;
 vertical-align:middle;
}
#doritush-top-menu    li    a.facebook-link
{
 display:inline-block;
 width:30px;
 height:30px;
 background-image:url(images/facebook.png);
 background-size: 100% 100%;
 margin-right:14px;
 vertical-align:middle;
}
#doritush-top-menu     li    a.phone-link
{
vertical-align:middle;
font-size:116%;
font-weight:bold;
}
#doritush-top-menu     li    a.phone-link:before
{
 content:'';
 display:inline-block;
 width:30px;
 height:30px;
 background-image:url(images/phone.png);
 background-size: 100% 100%;
 vertical-align:middle;
}
#doritush-top-menu     li   a.nia-club
{
display: inline-block;
    background-image: url(images/bg_titles2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 12px 24px 3px 24px;
    color: white;
	margin-left:20px;
	font-size:120%;
}

/*=== accessibility-menu ===*/

#accessibility-menu-toggler-wrapper
{
 position:absolute;
 top:10px;
 left:13px;
 display:inline-block;
 width:50px;
 height:46px;
 transition:left .6s linear;
}

#accessibility-menu-toggler
{
  width:50px;
  height:46px;
  display:inline-block;
  position:absolute;
  top:0px;
  left:0px;
  background-color:rgba(0,0,0,0.07);
  background-image:url(images/accessibility-icon-gray.png);
  background-size:100% 100%;
  border:2px solid rgba(0,0,0,0.4);
  border-radius:50%;
  transition:border-radius .6s linear;
  box-shadow:3px 3px 3px rgba(0,0,0,0);
  cursor:pointer;
  z-index:99990;
}
#accessibility-menu-toggler:focus
{
  border:3px solid red;
  border-radius:0;
}
#accessibility-menu-toggler-minimizer
{
 display:inline-block;
 width:22px;
 height:22px;
 border:2px solid white;
 border-radius:50%;
 position:absolute;
 top:-8px;
 right:-10px;
 background-color:#464550;
 background-image:url(images/close-button-white-x.png);
 background-size:100% 100%;
 cursor:pointer;
 z-index:99991;
}
#accessibility-menu-toggler-wrapper.minimized
{
 left: -43px;
}
#accessibility-menu-toggler-wrapper.minimized    #accessibility-menu-toggler
{
  border-radius:0;
}
#accessibility-menu-toggler-minimizer.hidden
{
 display:none;
}
#accessibility-menu-wrapper
{
  z-index:99999;
  direction:rtl;
  position:absolute;
  left:0px;
  top:0;
  background:rgba(0,0,0,0.95);
  transition: transform .7s ease-in-out;
  transform:translate(-100%);
  box-sizing:border-box;
}
#accessibility-menu-wrapper.visible
{
  transform:translate(0);
}
#accessibility-menu-close-btn
{
  width:25px;
  height:25px;
  border-radius:50%;
  border:2px solid white;
  background:url(images/close-button-white-x.png);
  background-size:100% 100%;
  position:absolute;
  top:10px;
  right:10px;
  cursor:pointer;
}

#accessibility-menu
{
  text-align:right;
  padding:70px 20px 20px 20%;
  list-style: none;
  /* uncomment the following line if using position absolut or fixed on parent
  max-height:calc(100vh - 80px); */
  overflow-y:scroll;
  width:120%;
  padding-left:20%;
}

.accessibility-sub-menu
{
  list-style: none;
  padding-right:16px;
}
#accessibility-menu-title
{
 color:white;
 font-size: 140%;
 display:block;
 margin-bottom:25px;
}
.accessibility-menu-item
{
 margin-bottom:10px;
 color:white;
}
.accessibility-menu-item  a
{
 color:white;
 font-size: 110%;
}
.accessibility-menu-item  a:hover
{
 color:#64e3ff;
 text-decoration:underline;
}
#font-size-display
{
  display:inline-block;
  color:white;
  font-size: 110%;
  margin:0 10px;
  background-color: white;
  padding:3px;
  color:black;
}
#font-size-up,
#font-size-down
{
 width:25px;
 height:25px;
 display:inline-block;
 margin:0 10px;
 border:1px solid white;
 border-radius:50%;
 background-color:black;
 margin:5px;
 vertical-align:middle;
}
#font-size-down
{
 background-image:url(images/white-minus.png);
 background-size: 100% 100%;
}
#font-size-up
{
 background-image:url(images/white-plus.png);
 background-size: 100% 100%;
}
/*=== end of accessibility-menu widget ===*/

/*=== accessibility and user-settings ===*/
body.white-on-black,
header.white-on-black,
div.white-on-black,
a.white-on-black,
ul.white-on-black,
li.white-on-black,
p.white-on-black,
h1.white-on-black,
h1#page-title.white-on-black,
span.white-on-black,
h2.white-on-black,
h3.white-on-black,
input.white-on-black,
textarea.white-on-black,
label.white-on-black
{
 background-color:black   !important;
 color:white   !important;
}
#site-branding.white-on-black,
#site-title.white-on-black,
#site-slogan.white-on-black,
#net.white-on-black,
#main-menu-toggler-symbol.white-on-black,
#accessibility-toggler.white-on-black
#accessibility-menu-close-btn.white-on-black
{
 background-color:black   !important;
 color:white   !important;
}
#main-menu-toggler-symbol.white-on-black  span.white-on-black
{
  background-color:white !important;
}
header.yellow-on-black,
body.yellow-on-black,
div.yellow-on-black,
a.yellow-on-black,
ul.yellow-on-black,
li.yellow-on-black,
p.yellow-on-black,
h1.yellow-on-black,
h1#page-title.yellow-on-black,
span.yellow-on-black,
h2.yellow-on-black,
h3.yellow-on-black,
input.yellow-on-black,
label.yellow-on-black,
textarea.yellow-on-black
{
 background-color:black !important;
 color:yellow !important;
}
#site-branding.yellow-on-black,
#site-title.yellow-on-black,
#site-slogan.yellow-on-black,
#net.yellow-on-black,
#main-menu-toggler-symbol.yellow-on-black,
#accessibility-toggler.yellow-on-black
#accessibility-menu-close-btn.yellow-on-black
{
 background-color:black !important;
 color:yellow !important;
}
#main-menu-toggler-symbol.yellow-on-black  span.yellow-on-black
{
  background-color:yellow !important;
}
body.black-on-white,
header.black-on-white,
div.black-on-white,
a.black-on-white,
ul.black-on-white,
li.black-on-white,
p.black-on-white,
h1.black-on-white,
h1#page-title.black-on-white,
span.black-on-white,
h2.black-on-white,
h3.black-on-white,
input.black-on-white,
textarea.black-on-white,
label.black-on-white
{
 background-color: white !important;
 color:black !important;
}
#site-branding.black-on-white,
#site-title.black-on-white,
#site-slogan.black-on-white,
#net.black-on-white,
#main-menu-toggler-symbol.black-on-white,
#accessibility-menu-wrapper.black-on-white
{
 background-color: white !important;
 color:black !important;
}

#accessibility-toggler.black-on-white,
#accessibility-menu-close-btn.black-on-white,
#main-menu-toggler-symbol.black-on-white  span.black-on-white
{
  background-color: black !important;
}

a.underlined-link
{
  text-decoration:underline  !important;
}

/*=== accessibility exclussions ===*/

#accessibility-menu-wrapper.white-on-black,
#main-navbar-wrapper   .menu.white-on-black
{
  border:2px solid white !important;
}
#accessibility-menu-wrapper.yellow-on-black,
#main-navbar-wrapper  .menu.yellow-on-black
{
  border:2px solid yellow !important;
}
#accessibility-menu-wrapper.black-on-white,
#main-navbar-wrapper   .menu.black-on-white
{ 
  border:2px solid black !important;
}
#accessibility-menu-toggler.black-on-white,
#accessibility-menu-toggler-minimizer.black-on-white
{ 
  background-color: black !important;
}

/*=== nivo sliders overrides ===*/

#banner-slider-container  .nivo-caption,
#page-slider-container  .nivo-caption {
	font-size:25px;
	text-align:center;
	padding: 10px 10px;
	opacity: 0;
	display: block;
	box-sizing: border-box;    
}

#banner-slider-container:hover   .nivo-caption 
{
	opacity: .7;
}
.nivo-caption p {
	text-align:center;
	padding:5px;
	margin:0 auto;
}
.nivo-caption a {
	display:inline-block !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */ 
#banner-slider-container  .nivo-directionNav, 
#page-slider-container  .nivo-directionNav
{
  opacity:0;
}
#page-slider-container:hover    .nivo-directionNav
{
  opacity:1;
}
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	opacity:0.65;
	transition:opacity .5s linear;
}
.nivo-prevNav,
.nivo-nextNav
{
	width:40px;
	height:40px;
	border:1px solid black;
	border-radius:20px;
	display:inline-block;
	color:transparent;
}
.nivo-prevNav {
	left:4px;
	background:url(images/kufsator-left-arrow-hover.png) no-repeat top right;
	background-size: 100% 100%;
}
.nivo-prevNav:hover {
	background:url(images/kufsator-left-arrow.png) no-repeat top right;
	background-size: 100% 100%;
}
.nivo-nextNav {
	right:4px;
	background:url(images/kufsator-right-arrow-hover.png) no-repeat top right;
	background-size: 100% 100%;
}
.nivo-nextNav:hover {
	background:url(images/kufsator-right-arrow.png) no-repeat top right;
	background-size: 100% 100%;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	direction:ltr;
	padding: 15px 0;
}
#banner-slider-container    .nivo-controlNav
{
    display: none;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.nivo-control
{
	display:inline-block;
	color:transparent;
	width:12px;
	height:12px;
	border-radius:6px;
	border:1px solid rgba(0,0,0,0.9);
	background-color:rgba(0,0,0,0.2);
	margin-left:5px;
}
.nivo-control.active
{
	background-color:rgba(0,0,0,0.9);
}

/*==== end of nivo sliders overrides ====*/

/*=== comments ===*/

.form-allowed-tags
{
 display:none;	
}

ul.commentlist,
ol.commentlist
{
 padding-right:0;
}

li.comment
{
 background-color: #fae4e4;
 padding: 20px 20px 20px 20px;
 margin-bottom: 30px;
 list-style:none;
 max-width:900px;
}

.comment-author   img,
.comment-body   img
{
max-width:80px;
height:auto;

float:none;
display:block;
margin: 0 0px 10px 10px;
vertical-align:bottom;
}
#commentform
{
max-width:900px;
 padding: 20px 20px 20px 20px;
 margin-bottom: 30px;
  background-color: #fae4e4;
  background-color: rgba(0,0,0,0.04);
}
#comment
{
  width:100%;
  font-size:108%;
  border-radius:4px;
}
#commentform   input[type=text]
{
  display:block;
  width:100%; 
  font-size:108%;
  padding:5px;

}
#commentform    .form-submit  input
{
  font-size:108%;
  padding:4px 8px;
}
#commentform    label
{
 font-size:108%;
 display:block;
 margin-bottom:3px;
}

.comment-form-url label,
.comment-form-url input,
#commentform .comment-form-url input[type=text],
#commentform .comment-form-comment input[type=text],
.comment-form-url,
.comment-subject,
.comment-excerpt,
#commentform  #comment-excerpt-label,
#commentform  #comment-subject-label
{
  height:0;	
  margin:0;
  padding:0;
  font-size:0;
  border-width:0;
  width:0;
}


/*==== zoombox ====*/


.zoombox-overlay
{
 position:fixed;
 top:0;
 left:0;
 width:auto;
 height:auto;
 overflow:auto;
 opacity:0;
 transition:opacity .4s linear;
 z-index:99999;
}
.zoombox-overlay.media-zoombox
{
  background-color: rgba(0,0,0,0.9);
}
.zoombox
{
 max-width:900px;
 width:90vw;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%) scale(0);
 transition:transform .5s linear;
 max-height:90vh;
 overflow:hidden;
 padding: 24px;
 background-color:white;
 border:2px solid rgba(0,0,0,0.3);
}
.zoombox.media-zoombox
{
 max-width:unset;
 max-height:unset;
 padding:0;
 overflow:visible;
}
.zoombox-overlay.default   .zoombox
{

}

.zoombox-inner
{
 max-height:84vh;
 overflow:auto;
 padding-left:40%;
 width:140%;
 overflow-y:auto;
}
.zoombox.confirm   .zoombox-inner
{
 padding-left:0;
 width:100%;
}
.zoombox-close-btn
{
 width:30px;
 height:30px;
 position:absolute;
 right: 4px;
 top:4px;
 background-image:url(images/kufsator-close-button.png);
 background-size: 100% 100%;
 opacity:1;

}
.zoombox-close-btn:hover
{
 background-image:url(images/kufsator-close-button-hover.png);
 background-size: 100% 100%;
}

.zoombox-button-next,
.zoombox-button-previous
{
 display:block;
 position:absolute;
 width:40px;
 height:70px;
 background:rgba(0,0,0,0.4) ;
 cursor:pointer
}

.zoombox-button-next
{
  background-image:url("images/arrow-right-white-line.png");
  background-size:100% 100%;
}
.zoombox-button-next:hover
{
  background-image:url("images/arrow-right-white-line.png");
  background-size:100% 100%;
}
.zoombox-button-previous
{
  background-image:url("images/arrow-left-white-line.png");
  background-size:100% 100%;
}
.zoombox-button-previous:hover
{
  background-image:url("images/arrow-left-white-line.png");
  background-size:100% 100%;
}
.zoombox.media-zoombox  .zoombox-close-btn
{
 width:40px;
 height:40px;
}

.zoombox.media-zoombox.buttons-below  .zoombox-close-btn
{
 top:unset;
 bottom:100%; 
 right:0px;
}
.zoombox.media-zoombox.buttons-on-sides  .zoombox-close-btn
{
   right:-45px;  
}
.zoombox.media-zoombox.inside  .zoombox-close-btn
{
  right:3px;
  bottom:unset;
  top:3px;  
}
.buttons-on-sides   .zoombox-button-next
{
 right:-45px;
 top:50%;
 transform: translate(0, -50%) ;
}
.buttons-on-sides   .zoombox-button-previous
{
 left:-45px;
 top:50%;
 transform: translate(0, -50%) ;
}


.buttons-below   .zoombox-button-next
{
 right:20px;
 top:calc(100% + 5px);
 transform:unset;
}
.buttons-below   .zoombox-button-previous
{
  left:20px;
  top:calc(100% + 5px);
  transform:unset;
}

.buttons-inside   .zoombox-button-next
{
 right:3px;
 top:50%;
 transform: translate(0, -50%) ;
}
.buttons-inside   .zoombox-button-previous
{
  left:3px;
  top:50%;
  transform: translate(0, -50%) ;
}

/* confirm zoombox*/

.zoombox-overlay.confirm   .zoombox
{
max-width:400px;
background-color: rgba(0,0,0,0.7);
padding: 30px 40px 100px 30px;
}
.zoombox-overlay.confirm   .zoombox-close-btn
{
width: 25px;
height: 25px;
border-radius: 50%;
border: 0px solid white;
background: url(images/close-button-white-x.png);
background-size: 100% 100%;
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
.confirmBox-message
{
color: white;
font-size:20px;
}
.confirmBox-ok-btn,
.confirmBox-cancel-btn
{
position: absolute;
bottom: 10px;
cursor: pointer;
color: white;
padding: 4px 10px;
}

.confirmBox-ok-btn
{
background-color: green;
right:10px;
}
.confirmBox-cancel-btn
{
background-color: red;
left:10px;
}



body.single-event  #bottom-wrapper
{

}
.waiting-list-message
{
color:red;
font-size:120%;
text-align:center; 
}

#contact-form-4-outer-wrapper
{
  width:70%;
  border:0px solid rgba(0,0,0,0.07);
  padding:10px 20px;
  background-color: #fff;
  margin:20px auto 20px auto;
}
#contact-form-4-name-input-wrapper, 
#contact-form-4-phone-input-wrapper, 
#contact-form-4-email-input-wrapper
{
 display:inline-block;
 width: 30%;
}

#name-input-contact-form-4, 
#phone-input-contact-form-4,
#email-input-contact-form-4
{
  padding: 10px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-family: Alef;
  font-size: 100%;
  box-sizing: border-box;
  background-color: #f1ede7;
}
#contact-form-4-message-input-wrapper
{
width:90.8%;
margin:14px 0;
}
#contact-form-4-send-btn-wrapper   button
{
    font-size: 116%;
    min-width:24%;
    padding:4px 8px;
    color:black;
    background-color:#f1ede7;
}

/*=== video posts and video blog  && spotlightr video gallery ===*/

body.single-video_blog  #main-content,
body.single-members_content  #main-content
{
 width: 94%;
 margin: 30px auto;
}
#video-posts-gallery,
.spotlightr-video-gallery
{
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between; 
}
.spotlightr-video-gallery
{
margin-top:20px;
}
.video-posts-gallery-post-title,
.spotlightr-video-gallery-item-title
{
  text-align:center;
}
.video-posts-gallery-post-wrapper.one-of-many,
.spotlightr-video-gallery-item-outer-wrapper.one-of-many
{
  width:30%;
  margin:30px auto;
}
.video-posts-gallery-post-wrapper.one-of-one,
.spotlightr-video-gallery-item-outer-wrapper.one-of-one
{
  width:90%;
  max-width: 700px;  
  margin:10px auto;
}
.video-posts-gallery-post-wrapper.one-of-two,
.spotlightr-video-gallery-item-outer-wrapper.one-of-two
{
  width:46%;
}
.single-video-inner-wrapper,
.spotlightr-video-gallery-item-inner-wrapper
{
 position:relative; 
 cursor:pointer; 
}
.video-item-serial-number,
.spotlightr-video-item-serial-number
{
 border: 2px solid white;
 border-radius: 50%;
 background-color: rgba(0,0,0,0.5);
 color: white;
 font-size:24px;
 font-family:Arial ,sans-serif;
 padding: 0 11px 0px 11px ;
 text-align: center;
 line-height: 1.4;
 display: none;
 position: absolute;
 top: 4px;
 right: 4px;   
}
.single-video-inner-wrapper:hover  .video-item-serial-number,
.spotlightr-video-gallery-item-inner-wrapper:hover  .spotlightr-video-item-serial-number
{
 display:block
}

.single-video-inner-wrapper:after,
.gallery-video-container:after
{
 content:"";
 display:blcok;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 background:url('images/play-button.png') no-repeat 50% 50%;
 background-size: 18% auto;
 opacity:0.7;
}
body.archive-video_blog  .archive-item-image
{
 width:100%;   
}


/* event management */

.button-go-to-event-registration
{
 text-align:center; 
}
.button-go-to-event-registration a
{
padding:2px 14px;
background:#B01A23;
color:white;
font-size:120%;
font-weight:500;
border-radius:12px;
}
.event-reg-form-wrapper
{
 width:300px; 
margin: 20px auto; 
}
.event-reg-form-wrapper .price-wrapper
{
 border: 1px solid gray;
 border-radius: 8px;
 padding: 4px;
 margin: 5px 0;
}
.event-reg-form-title
{
 text-align:center;   
}
.event-reg-form-label
{
 width:98%;
 display:block;
 margin:10px auto;
}
.event-reg-form-label  textarea,
.event-reg-form-label  input
{
 width:100%;
 border-radius: 8px;
 border:1px solid black;
 padding:8px 20px;
 font-family:inherit;
 font-size:110%;
}
.event-reg-form-label.group-size
{
 display:flex;
 justify-content:space-between;
 align-items:center;
}
.event-reg-form-label  input.group-size
{
 width:90px;
}
.event-reg-submit-button
{
 width:98%;
 border-radius: 8px;
 border:0px solid black;
 padding:8px 20px; 
 text-align:center;
 cursor:pointer;
 background:#423d3d;
 color:white;
 font-size:110%;
 transition: background .5s linear;
}
.event-reg-submit-button:hover
{
 background: black;
 transform: scale(1.05);   
}

/* user registration form */

.user-regform-wrapper
{
max-width: 350px;	
margin:40px auto;
padding: 20px;
border: 1px solid #324F29;
border-radius: 3px;
}
h2.user-regform-title 
{
text-align:center;
display:block;
}
h2.user-regform-title span
{

}
.regform-input-wrapper
{
 display:inline-block;
 margin:14px auto;
 width:100%;
}
.regform-input-wrapper  input
{
width: 100%;
padding: 6px 10px;
font-size: 110%;
display:block;	
}
button.regform-button 
{
  color: white;
  width: 100%;
  padding: 6px 10px;
  font-size: 120%;
  border-radius: 8px;
  cursor: pointer;
  background-color:#373737;
  text-align:center;
}

/* data table */

body.post-type-event #post-body:after
{
 content:'';
 display:table;
 clear:both;
}

.zoombox.event-regs-table
{
 max-width:100vw;
 width:98vw;
 min-height:40vh;
 overflow:hidden;
 box-sizing: border-box;
}
.zoombox.event-regs-table  .zoombox-inner
{
 width:auto;
 padding:30px;
 overflow:auto;
 box-sizing: border-box;
 min-height:40vh;
}
.data-table-inner-wrapper
{

}	
.data-table-rows-wrapper
{

}
.data-table-header-wrapper,
.one-record-line-wrapper
{
  margin:4px;
  display:flex;
  align-items:stretch;
  justify-content:right;
  flex-wrap:nowrap;
  height:42px;
  position:relative;
}
.one-record-line-wrapper.yandrwp_event_registrations.canceled
{
 display:none;
 border:1px solid red;
}
.one-record-line-wrapper.yandrwp_event_registrations.canceled.visible
{
 display:block;
}
.field-column-header,
.field-wrapper
{
 border: 1px solid  #C0C0C0;
 width:120px;
 overflow:hidden;
 box-sizing:border-box; 
 display:inline-block;
 align-items:stretch;
 position:relative;
 margin-left:4px;
 flex-shrink:0;
}
.field-wrapper
{
 cursor:pointer;
}
.field-column-header.hidden,
.field-wrapper.hidden
{
 display:none;
}
.field-column-header.first_name,
.field-wrapper.first_name
{
  width:90px   
}
.field-column-header.last_name,
.field-wrapper.last_name
{
  width:90px   
}
.field-column-header.reg_date,
.field-wrapper.reg_date
{
 width:100px;   
}

.field-column-header.email,
.field-wrapper.email
{
 width:220px 
}
.field-column-header.phone,
.field-wrapper.phone
{
 width:120px; 
}
.field-column-header.self_comments,
.field-wrapper.self_comments
{
  width:180px;  
}
.field-column-header.system_comments,
.field-wrapper.system_comments
{
  width:180px;  
}
.field-column-header.group_size,
.field-wrapper.group_size
{
  width:40px; 
}

.button-delete-person,
.button-move-person,
.column-header-placeholder
{
 width:30px;
 height:30px;
 position:relative;
}
.field-column-header.delete
{
 display:none	
}
.button-delete-record:before
{
 font-family: dashicons;
 font-size: 160%;
 content:"\f158"; 
 color:red; 
}

.field-wrapper.phone  a
{
 color:inherit;
}
.field-label
{
 display:none;  
}    
.field-column-header span,
.field-wrapper  .field-value
{
  overflow:hidden;
  display:inline-block;
  padding:6px;
  box-sizing:border-box; 
  width:100%;
  min-height:42px;
  white-space: nowrap;
  text-overflow: ellipsis;   
}
.field-wrapper:hover,
.field-column-header:hover
{
 overflow:visible;
 z-index:99999999;
 position:relative;
 display:block;
}

.field-wrapper:hover  .field-value ,
.field-column-header:hover   span
{
 background-color:white;  
 border:1px solid green;
 overflow:visible;
 width:auto;
 min-width:100%;
 white-space: normal;
}
.field-wrapper.textarea:hover  .field-value
{
 padding-bottom:20px;
 margin-bottom:20px;

}
.field-wrapper.attendance:hover  .field-value 
{
 background-color:initial;  
 border:0px solid green;
 overflow:visible;
 width:60px;
 min-width:unset;
 white-space: wrap;
}
.field-wrapper.delete:hover  span,
.field-wrapper.lecture_id:hover span
{
 display:none;
}
.field-wrapper.seats
{
 text-align:center;   
}

.data-table-action-button
{
 padding:3px 8px;
 width:auto;
 color:#034389;
 border:1px solid #30ADF1;
 border-radius:16px;
 cursor:pointer;  
}
.zoombox.data-field-editing-dialog 
{
 box-sizing: border-box; 
}
.zoombox.data-field-editing-dialog  .zoombox-inner
{
 width:100%;
 overflow:auto;
 padding:20px; 
 box-sizing: border-box;
 box-sizing: border-box;
}
h2.editing-dialog-title
{
	
}
.editing-dialog-input-wrapper
{
	
}
input.editing-dialog-text-input
{
 min-width:200px;
 border:1px solid #157EBD;
 border-radius:6px;
 padding:4px 12px;
 font-size:100%; 
}
.label-for-record-delete
{
	
}
input.editing-dialog-text-input.group_size 
{
 min-width:unset;
 width:80px; 
 font-size:17px;
}
textarea.editing-dialog-textarea
{
 min-width:100%;
 width:calc(100%);
 border:1px solid #157EBD;
 border-radius:6px;
 padding:4px 12px;
 font-size:17px; 
 font-family:Arimo;
}

select.editing-dialog-selectbox
{
 min-width:100px;
 border:1px solid #157EBD;
 border-radius:6px;
 padding:4px 12px;
 font-size:17px;    
}
select.editing-dialog-selectbox:focus,
input.editing-dialog-text-input:focus,
textarea.editing-dialog-textarea:focus
{
 border:2px solid #157EBD;   
}

.action-button.update-data-field
{
 display:inline-block;
 padding:12px 25px;
 margin-right:20px;
 width:auto;
 color:#034389;
 border:1px solid #30ADF1;
 background-color:#0073aa;
 color:white;
 border-radius:8px;
 font-size:17px;
 cursor:pointer;    
}
.action-btn-add-user-membership
{
 color:green; 
 cursor:pointer;
}
.action-btn-edit-user-memberships
{
 color:blue;
 cursor:pointer; 
}

/* memberships management backend  */

.zoombox.form-add-membership
{
max-width:400px;
padding:30px;		
}

.membership-form-label
{
 display:block;
 margin:12px 0;
}
.membership-form-user-details
{
 margin:20px 0;	
}
.membership-form-user-details>div
{
 margin:4px 0;	
}
.membership-form-user-details>div span:first-of-type
{
 font-weight:bold;
}
input[type=radio].memberships-prices-radio
{
margin:6px 0;	
}
textarea.memberships-settings-input
{
 width:100%;
 max-width:700px; 
}
.action-button
{
padding: 8px 20px;
border-radius:5px;
display:inline-block; 
background: #0372F8;
color:white;  
font-size:120%; 
cursor:pointer;
margin:25px 0; 
}  
.action-button.payment-link
{
padding: 4px 20px;
border-radius:10px;
background: #277aaa;	
}
.action-button.save-memberships-setting
{
	
}


/* woocommerce */

.payment_method_upay label img
{
 max-width:50px;	
}
body.woocommerce-checkout .woocommerce  form
{
 max-width:600px;
 margin:0 auto; 
}

.woocommerce-checkout  .woocommerce form .form-row input.input-text,
.woocommerce-checkout  .woocommerce form .form-row  textarea, 
.woocommerce-checkout  .woocommerce form .form-row  select 
{
 border: 1px solid #b6b6b6;
 border-radius:4px;
 padding:4px ;
 font-size:100%;
 font-family:'Alef',Arial,Miryam,sans-serif;
}
.rtl .woocommerce .col2-set .col-1,
.rtl .woocommerce-page .col2-set .col-1 
{
 float: none;
}
.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1
{
  float: none;
  width: unset;
}
.workshop-product-details-in-order
{
 padding:6px 12px;
 border:1px solid #d0d0d0;
}

.wc_payment_method.payment_method_upay
{
 display:none;
 opacity:0;
 visibility:hidden; 
}
 #add_payment_method table.cart img,
 .woocommerce-cart table.cart img,
 .woocommerce-checkout table.cart img
{
 width: 45px;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt 
{
 background-color: #0073aa;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover
{
 background-color: #119adb;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods
{
 border-bottom: 0px solid #d3ced2;
}
iframe.intrinsic-ignore 
{
 height:700px !important;
 max-width:500px;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order
{
  float: none;
  display: block;
  margin: 0px auto 20px;
  width: 180px;
}

.woocommerce-checkout #payment ul.payment_methods
{
  padding:10px;	
}

















/*=== media queries ===*/

@media screen and (max-width: 1060px)
{
  body.rtl    #sidebar-first-wrapper,
  body.ltr    #sidebar-first-wrapper,
  body.rtl    #side-menu-wrapper,
  body.ltr    #side-menu-wrapper
     {

   }
  body.ltr.with-sidebar-first    #content-wrapper ,
  body.rtl.with-sidebar-first    #content-wrapper   
    {

  }
 body.hebrew  div.field-type-image
    {
   
  }
  body.page-id-144  .single-image-container.landscape /*  front page  */
    {
   max-width:50%; 
  }
}
@media screen and (max-width: 1020px)	
{
  #header-inner-wrapper
  {
   display:block;
   }
   #site-branding
   {
   margin: 0 auto;
   width:300px;
   padding-left:0px ;	   
   }
   #main-navbar-wrapper
   {
   width:100%;
   }
   #doritush-top-menu-wrapper
        {
     position:absolute;
     top:-20px;
     left:60px;
     display:inline-block;
    }
}	
@media screen and (max-width: 960px)
{
  #header-inner-wrapper
    {
  padding-top:40px;
  }
    #middle-wrapper
    {
   padding-right:12px;
   padding-left:12px;
  }
  body.rtl    #sidebar-first-wrapper,
  body.ltr    #sidebar-first-wrapper,
  body.rtl    #side-menu-wrapper,
  body.ltr    #side-menu-wrapper
     {
   
   }
  body.ltr.with-sidebar-first    #content-wrapper ,
  body.rtl.with-sidebar-first    #content-wrapper   
    {
    width:68%;
  }

  body.ltr   .single-video-container,
  body.ltr   .single-image-container,
  body.ltr   #page-slider-container, 
  .single-video-container,
  .single-image-container,
  #page-slider-container 
  {
    max-width:65%;
    width:65%;
  }
  body.page-id-4   .single-image-container.landscape /* about */
  {
    max-width:50%;	
  }
  .single-image-container.portrait
   {
    max-width:45%;
   }
	#nav_menu-2>div>ul>li
   {
     width:23%;
     margin:20px 2.4%;
 }
#contact-form-4-outer-wrapper
{
  width:100%;
} 

 #contact-form-4-name-input-wrapper, 
 #contact-form-4-phone-input-wrapper, 
 #contact-form-4-email-input-wrapper
{
 display:block;
  width: 90%;
  margin: 14px 0 auto;
}

}

@media screen and (max-width: 900px)
{
 .archive-item-image-container
 {
   width:40%;
 } 
#nav_menu-2>div>ul>li
 {
 	width:25%;
 }
 
} 

@media screen and (max-width: 850px)
{
  body.rtl    #sidebar-first-wrapper,
  body.ltr    #sidebar-first-wrapper,
  body.rtl    #side-menu-wrapper,
  body.ltr    #side-menu-wrapper
     {
    width:31%;
   }
  body.ltr.with-sidebar-first    #content-wrapper ,
  body.rtl.with-sidebar-first    #content-wrapper   
    {
    width:65%;
  }
 .gallery-video-container,
 .gallery-image-container
    {
   width:31%;
   margin:3px;
  }
 .archive-item-image-container
  {
     width:45%;
   } 
  #nav_menu-2>div>ul>li
  {
    width:27%;
  }	
  
#contact-form-4-outer-wrapper
{
  width:100%;
} 
 
}
@media screen and (max-width: 750px)
{
  #header-inner-wrapper
    {
  padding-top:60px;
  }
  #nav_menu-2>div>ul>li
  {
    width:28%;
    margin:20px 2.4%;
  }
  body.rtl.with-sidebar-first   #content-wrapper,
  body.ltr.with-sidebar-first   #content-wrapper,
  body.rtl   #sidebar-first-wrapper,
  body.ltr   #sidebar-first-wrapper,
  body.rtl   #side-menu-wrapper,
  body.ltr   #side-menu-wrapper
      {
     display:block;
     width:100%%;
     max-width:100%;
     padding-right:1%;
     padding-left:1%;
     margin-left:auto;
     margin-right:auto;
     float:none;
   }
  #main-menu.desktop-style
   {
      text-align:right;
   }

  #sidemenu-toggler,
  #main-menu-toggler
  {
     display:inline-block;
	 text-align:center;
   }

  #side-menu
   {
    max-height:0;
   }
 #side-menu > ul
    { 
   margin-top:0;
  }
 .gallery-video-container,
 .gallery-image-container
    {
   width:47%;
   margin:3px;
  }
  .archive-item-image-container
   {
     width:50%;
   } 
   .single-image-container.portrait
  {
   max-width:50%;
  }
   .past-event-wrapper
   {
	width:48%;  
   }
  .review-archive-item
  {
  display: block;
  padding-left:0;
  }  
}
@media screen and (max-width: 650px)
{
  .woocommerce form .form-row-first#billing_phone_field, 
  .woocommerce-page form .form-row-first#billing_phone_field,
  .woocommerce form .form-row-last#billing_email_field, 
  .woocommerce-page form .form-row-last#billing_email_field
  {
	float: none;
    width: 100%;
  }
  .woocommerce form .form-row-first#billing_first_name_field, 
  .woocommerce-page form .form-row-first#billing_first_name_field,
  .woocommerce form .form-row-last#billing_last_name_field, 
  .woocommerce-page form .form-row-last#billing_last_name_field
  {
    width: 49%;
  }


  body.rtl   #sidebar-first-wrapper,
  body.rtl   #side-menu-wrapper,
  body.ltr   #sidebar-first-wrapper,
  body.ltr   #side-menu-wrapper,
  body.rtl.with-sidebar-first   #content-wrapper,
  body.ltr.with-sidebar-first   #content-wrapper
      {
    width:98%;
    float:none;
    margin-right:auto;
    margin-left:auto;
   }
  .single-image-container.portrait
   {
	display:inline-block;
    float:left;
    max-width:56%;
	margin: 0px 3% 3% 0px;
   }
  .single-video-container,
  .single-image-container,
  #page-slider-container ,
  body.ltr   .single-video-container,
  body.ltr   .single-image-container,
  body.ltr   #page-slider-container
     {
	display:block;
    float:none;
    width:98%;
    max-width:98%;
	border:0px solid white;
    box-shadow:0px 0px 0px rgba(0,0,0,0); 
    margin:20px auto;
  }
    body.page-id-144  .single-image-container.landscape /*  front page  */
    {
   max-width:50%;
   float:left; 
   margin:0 20px 20px 20px;    
  }
	body.page-id-4   .single-image-container.landscape /* about */
	{
	 max-width:75%;	
	 margin:30px auto;
	}
 #field-image-gallery 
    {
   width:99%;
   padding-left:2%;
  }
 .gallery-image-container
    {
   width:97%;
   margin:4px auto;
  }
 .gallery-video-container
   {
   width:97%;
   margin:4px auto; 
  }
 .yt-video-poster
    {
   width:97%;
   margin:4px auto; 
  }
 .archive-item-image-container
   {
    width:55%;
   }
   #video-posts-gallery,
   .spotlightr-video-gallery
   {
    display:block;
   }   
   .video-posts-gallery-post-wrapper.one-of-many,
   .spotlightr-video-gallery-item-outer-wrapper.one-of-many,
   .video-posts-gallery-post-wrapper.one-of-one,
   .spotlightr-video-gallery-item-outer-wrapper.one-of-one,
   .video-posts-gallery-post-wrapper.one-of-two,
   .spotlightr-video-gallery-item-outer-wrapper.one-of-two
   {
     width:100%;
     margin:0 auto;
   }
}

@media screen and (max-width: 550px)
{



}
@media screen and (max-width: 480px)
{
  #header-wrapper
  {
   padding-top: 10px;
  }
  #main-navbar-wrapper
  {
    margin: 2px auto 0 auto;
  }
   #header-inner-wrapper
   {
    padding-top: 34px;
   }
  #page-title, h1#page-title
  {
  margin: 14px 0;
  }
  #page-title span 
  {
  background-image: none;
  color: rgba(0,0,0,0.80);
  padding:0;
  }
  #nav_menu-2>div>ul>li
  {
    width:40%;
    margin:20px 2.4%;
  }
  body.rtl   .archive-item-image-container,
  body.rtl   .future-event-wrapper .archive-item-image-container,
  body.ltr   .archive-item-image-container,
  body.page-id-4   .single-image-container.landscape /* about */
       {
     max-width:96%;
     width:96%;
     display:block;
     margin:15px auto 20px auto;
     float:none;
   } 
    .single-image-container.portrait
   {
	display:block;
    float:none;
    width:98%;
    max-width:98%;
	border:0px solid white;
    box-shadow:0px 0px 0px rgba(0,0,0,0); 
    margin:20px auto;
  }
      body.page-id-144  .single-image-container.landscape /*  front page  */
    {
   max-width:92%;
   float:none; 
   margin:20px auto;    
  }
  .archive-item
      {
    border-bottom:2px solid gray;
   }
}  

@media screen and (max-width: 450px)
{
 #field-image-gallery 
    {
   padding:0;
   margin:2% auto;
  }
 .gallery-image-container
    {
   display:block;
   width:94%;
   margin:2.5% auto;
  }
  .language-link
     {
    margin:6px 
  }
 #site-branding
 {
  width: 80%;
  margin-right: 0;	
 }
}

