﻿
body.accessible article:focus, body.accessible a:focus, body.accessible div:focus, body.accessible li:focus, body.accessible p:focus, body.accessible span:focus, body.accessible input:focus, body.accessible button:focus, body.accessible img:focus, body.accessible h1:focus, body.accessible h2:focus, body.accessible h3:focus, body.accessible h4:focus, body.accessible h5:focus, body.accessible h6:focus {
    outline: 2px solid yellow !important;
    outline-offset: -2px;
}

 article:focus, a:focus, div:focus, li:focus, p:focus, span:focus, input:focus, button:focus, img:focus, h1:focus,  h2:focus,  h3:focus, h4:focus, h5:focus, h6:focus {
    outline: 0px;
}

#warper {
    transform-origin: center top;
}


.desktop .container,.ipad_device .container{position:relative}
.offscreen{position:absolute;overflow:hidden;width:1px;height:1px;top:0;right:0}
.jump-link{display:none;direction:rtl;height:0;overflow:hidden;font-family:'opensanshebrew', Arial !important;font-size:16px;background:black;color:white;position:absolute;top:0;right:0;z-index:100000}
.jump-link:focus{outline:2px solid #fd0 !important;height:auto;padding:5px 15px;}
.last-jump-link{display:block;top:auto;bottom:0;width:calc(100% - 10px);text-align:center}
.aria-alert{position:absolute;width:1px;height:1px;overflow:hidden}
article:focus{outline:none}

body.acp-underline a, body.acp-underline button {
  text-decoration: underline !important; }
  
  
a.jump-link:focus  {color: #fff;}

nav.menu-links-nagish ul li.selected {
	background-color: #000;
	color: yellow;
	font-weight: bold;
}
header .subMenuFocus{
	display: block;
	opacity: 1;
	transform: scale(1, 1);
}

nav.menu-links-nagish ul li.selected {
	background-color: #000;
	color: yellow;
	font-weight: bold;
}


body.change-font{
	 font-family: 'Arial', sans-serif;
}
.menuNagishut {
    width: 298px;
    position: fixed;
    top: 60px;
    right: -250px;
    z-index: 1000;
    height: 100%;
    font-size: 15px;
}
.menuNagishut .hamburger {
    padding-top: 0px; 
    width: 50px;
    height: 50px;
    margin: auto;
    margin-top: 0px;
  
}

.menuNagishut .menu-btnN {
	/*border: 1px solid #dfdfdf;
    border-right: 0;
	background-color: #0f98cf;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);*/
    width: 48px;
    height: 48px;
	background: url("../images/accessibility_btn_bg2.png") no-repeat center;
    text-align: center;
    cursor: pointer;
    float: left;
	top: 15px;
    position: relative;

}

.menuNagishut .menu-links-nagish {
	font-size: 14px;
    width: 250px;
    height: auto;
    float: right;
    background: none;
    background-color: #dadada;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
}

nav.menu-links-nagish ul{
	list-style: none;
    margin: 0;
    padding: 0;
}

nav.menu-links-nagish ul li {
    line-height: 3;
    padding-right: 44px;
    text-align: right;
    /* background-color: rgb(135, 155, 32); */
    background-color: #000;
    margin-bottom: 1px;
    color: #fff;
    cursor: pointer;
    letter-spacing: -0.5px;
}



.animated {
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
 /*   display: inline-block !important;*/
    opacity: 1;
}



@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(74%, 0, 0);
        transform: translate3d(74%, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(74%, 0, 0);
        transform: translate3d(74%, 0, 0);
    }
}


@-webkit-keyframes slideInLeftNagish {
    from {
        -webkit-transform: translate3d(-74%, 0, 0);
        transform: translate3d(-74%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeftNagish {
    from {
        -webkit-transform: translate3d(-74%, 0, 0);
        transform: translate3d(-74%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
.slideInLeftNagish {
    -webkit-animation-name: slideInLeftNagish;
    animation-name: slideInLeftNagish;
}


@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(74%, 0, 0);
        transform: translate3d(74%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(74%, 0, 0);
        transform: translate3d(74%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

.slideInRightNagish {
  -webkit-animation-name: slideInRightNagish;
  animation-name: slideInRightNagish;
}

@-webkit-keyframes slideInRightNagish {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(-74%, 0, 0);
        transform: translate3d(-74%, 0, 0);
    }
}

@keyframes slideInRightNagish {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(-74%, 0, 0);
        transform: translate3d(-74%, 0, 0);
    }
}
/*@media (max-width: 920px) {
	.menuNagishut {
		top: 96px;
	}

}*/

@media (max-width: 480px) {
	.menuNagishut {
		top: 60px;
	}
	nav.menu-links-nagish ul li {
    	line-height: 2.2; font-size: 15px;

	}
	
	.menuNagishut {
    	width: 288px;
	}
	
	.menuNagishut .menu-btnN {
		width: 38px;
		height: 38px;
		background-size: contain;
	}
	
	.menuNagishut .hamburger {
		width: 38px;
		height: 38px;
	}
	
}
