.accessibility {
position: fixed;
top: 0;
bottom: 0;
right: -280px;
z-index: 9998;
width: 280px;
transition: right 0.5s, left 0.5s;
line-height: 1;
}
.accessibility.open {
right: 0;
}
.accessibility .accessibility_button_open {
border: 0;
background-color: #00a9ff;
padding: 9px 0 0px 12px;
line-height: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
position: absolute;
left: -52px;
top: 20%;
transition: 0.2s;
}
.accessibility .accessibility_button_close {
border: 0;
background-color: #00a9ff;
padding: 0 0 2px;
height: 30px;
width: 96px;
font-size: 18px;
color: #ffffff;
font-weight: normal;
position: absolute;
left: -63px;
top: 50%;
transition: 0.2s;
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
z-index: 9998;
visibility: hidden;
}
.accessibility .accessibility_button_close::after {
content: "";
position: absolute;
right: 50%;
bottom: -8px;
margin-right: -5px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 4px;
border-color: transparent transparent transparent #00a9ff;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.accessibility.open .accessibility_button_open {
opacity: 0;
visibility: hidden;
}
.accessibility.open .accessibility_button_close {
opacity: 1;
visibility: visible;
}
.accessibility .accessibility_menu {
border-bottom: 5px solid #595959;
height: 100%;
}
.accessibility .accessibility_menu .accessibility_menu_head {
background-color: #00a9ff;
font-size: 16px;
color: #ffffff;
border-bottom: 4px solid #0089d0;
}
.accessibility .accessibility_menu .accessibility_menu_head span {
display: inline-block;
padding: 9px 0 0 12px;
border-left: 1px solid #0089d0;
box-shadow: inset 1px 0 0 #32baff;
}
.accessibility .accessibility_menu .accessibility_menu_head p {
display: inline-block;
font-size: 26px;
padding-right: 57px;
}
.accessibility .accessibility_menu .accessibility_menu_body_wrap {
background-color: rgba(255, 255, 255, 0.85);
border: 2px solid #d3d3d3;
border-top: 1px solid rgba(0, 0, 0, 0.15);
overflow: hidden;
position: absolute;
top: 53px;
bottom: 5px;
right: 0;
left: 0;
}
.accessibility .accessibility_menu .accessibility_menu_body {
overflow-y: scroll;
overflow-x: hidden;
padding: 20px 4% 0;
position: absolute;
top: 0;
bottom: 55px;
right: 0;
left: -17px;
}
.accessibility_link {
width: 47%;
margin: 0 0 15px 6%;
padding: 10px 0;
color: #6c6c6c;
font-size: 14px;
text-align: center;
line-height: 15px;
background-color: #d3d3d3;
border: 0;
border-bottom: 3px solid #b4b4b4;
position: relative;
}
.accessibility_link.accessibility_link_on {
color: #ffffff;
background-color: #00a9ff;
border-bottom: 3px solid #0089d0;
}
.accessibility_link.accessibility_link_fullwidth {
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
height: 45px;
}
.accessibility_link:nth-of-type(even) {
margin-left: 0;
}
.accessibility_link span {
display: block;
margin: 0 auto;
font-size: 35px;
}
.accessibility_link.accessibility_link_fullwidth span {
display: inline-block;
position: absolute;
right: 7px;
top: 0;
height: 100%;
padding: 4px 0 0 7px;
border-left: 1px solid #b4b4b4;
box-shadow: inset 1px 0 0 #e8e8e8;
}
.accessibility_link.accessibility_link_fullwidth p {
display: inline-block;
position: absolute;
right: 49px;
left: 0;
top: 0;
height: 100%;
padding: 14px 0;
}
.accessibility_link.accessibility_link_on.accessibility_link_fullwidth span {
border-left: 1px solid #0089d0;
box-shadow: inset 1px 0 0 #32baff;
}
.accessibility_footer {
margin: 0 0 7px;
position: absolute;
right: 0;
left: 0;
bottom: 0;
color: #595959;
}
.accessibility_footer span {
display: block;
font-size: 12px;
line-height: 1.3;
text-align: center;
}
.accessibility_footer > span:first-of-type {
font-size: 17px;
font-weight: 700;
}
.accessibility_footer a:link,
.accessibility_footer a:visited {
text-align: center;
color: #595959;
text-decoration: none;
}
.accessibility_footer a:hover,
.accessibility_footer a:active {
color: #00a9ff;
}
.accessibility_modal_wrap {
display: none;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.7);
}
.accessibility_modal {
position: absolute;
top: 20%;
bottom: 20%;
right: 20%;
left: 20%;
background-color: #ffffff;
border-radius: 10px;
color: #373d4c;
}
.accessibility_modal_content {
height: 100%;
overflow-x: hidden;
border-radius: 10px;
position: relative;
}
.accessibility_modal_content_scroll {
overflow-y: scroll;
overflow-x: hidden;
position: absolute;
top: 20px;
bottom: 20px;
right: 0;
left: -20px;
padding: 20px 35px;
}
.accessibility_modal_close {
position: absolute;
top: 9px;
left: 17px;
border: 0;
background-color: transparent;
font-size: 40px;
line-height: 40px;
padding: 0;
z-index: 9999;
color: inherit;
}
.accessibility_modal .accessibility_modal_title1 {
font-size: 40px;
margin: 0 0 15px;
text-align: center;
font-weight: bold;
}
.accessibility_modal .accessibility_modal_title2 {
font-size: 25px;
font-weight: bold;
margin: 30px 0 10px;
}
.accessibility_modal .accessibility_modal_title3 {
font-size: 20px;
font-weight: bold;
margin: 15px 0 3px;
}
.accessibility_modal p {
font-size: 15px;
}
.accessibility_modal ol {
margin: 0;
padding-right: 20px;
font-size: 15px;
}
.accessibility_modal ol li {
padding-right: 10px;
margin-bottom: 20px;
}
.accessibility_focus {
outline: 0 !important;
background-color: #fff5bd !important;
box-shadow: 0 0 6px 3px #ffe554, inset 0 0 2px rgba(0, 0, 0, 0.5) !important;
color: #000000 !important;
border-color: #c1ad41 !important;
}
.accessibility_link.accessibility_link_fullwidth.accessibility_focus span {
border-color: #c1ad41 !important;
box-shadow: inset 1px 0 0 #fffadc !important;
}
.accessibility_transition {
transition: 1s;
filter: none;
-webkit-filter: none;
-moz-filter: none; 
-o-filter: none; 
-ms-filter: none; 
}
.accessibility_grayscale {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
}
.accessibility_invert {
filter: invert(100%);
-webkit-filter: invert(100%);
-moz-filter: invert(100%); 
-o-filter: invert(100%); 
-ms-filter: invert(100%); 
}
.accessibility_contrast {
filter: contrast(1.5);
-webkit-filter: contrast(1.5);
-moz-filter: contrast(1.5);
-o-filter: contrast(1.5);
-ms-filter: contrast(1.5);
}
.accessibility_colorlight_div {
background: #ffffff !important;
color: #000000 !important;
}
.accessibility_colorlight_div h1,
.accessibility_colorlight_div h2,
.accessibility_colorlight_div h3,
.accessibility_colorlight_div h4,
.accessibility_colorlight_div h5,
.accessibility_colorlight_div h6,
.accessibility_colorlight_div p,
.accessibility_colorlight_div span,
.accessibility_colorlight_div button,
.accessibility_colorlight_div input,
.accessibility_colorlight_div a {
background: #ffffff !important;
color: #000000 !important;
}
.accessibility_colordark_div {
background: #000000 !important;
color: #ffffff !important;
}
.accessibility_colordark_div h1,
.accessibility_colordark_div h2,
.accessibility_colordark_div h3,
.accessibility_colordark_div h4,
.accessibility_colordark_div h5,
.accessibility_colordark_div h6,
.accessibility_colordark_div p,
.accessibility_colordark_div span,
.accessibility_colordark_div button,
.accessibility_colordark_div input,
.accessibility_colordark_div a {
background: #000000 !important;
color: #ffffff !important;
}
.accessibility_fontfix {
font-family: "Arial", sans-serif !important;
}
.accessibility_links_underline {
text-decoration: underline !important;
}
.accessibility_cancel_effects {
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
.accessibility_no_transition {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.accessibility_cursorwhite {
cursor: url(//www.ayalon-invest.co.il/wp-content/themes/ayalon/accessibility/cursor-white.png), auto;
}
.accessibility_cursorblack {
cursor: url(//www.ayalon-invest.co.il/wp-content/themes/ayalon/accessibility/cursor-black.png), auto;
}
.accessibility_imagedescriptionBox {
position: absolute;
background-color: rgba(0, 0, 0, 0.7);
padding: 5px 10px;
border-radius: 5px;
color: #ffffff;
font-size: 17px;
z-index: 9999999;
}
@media (max-width: 991px) {
.accessibility_modal {
top: 10%;
bottom: 10%;
right: 5%;
left: 5%;
}
}
@font-face {
font-family: 'accessibility_font';
src: url(//www.ayalon-invest.co.il/wp-content/themes/ayalon/accessibility/accessibility_font.eot?6znpim);
src: url(//www.ayalon-invest.co.il/wp-content/themes/ayalon/accessibility/accessibility_font.eot?6znpim#iefix) format('embedded-opentype'),
url(//www.ayalon-invest.co.il/wp-content/themes/ayalon/accessibility/accessibility_font.ttf?6znpim) format('truetype'),
url(//www.ayalon-invest.co.il/wp-content/themes/ayalon/accessibility/accessibility_font.woff?6znpim) format('woff'),
url(//www.ayalon-invest.co.il/wp-content/themes/ayalon/accessibility/accessibility_font.svg?6znpim#accessibility_font) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="accessibility_icon-"], [class*=" accessibility_icon-"] {
font-family: 'accessibility_font' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.accessibility_icon-restart:before {
content: "\e90e";
}
.accessibility_icon-focus:before {
content: "\e90f";
}
.accessibility_icon-a:before {
content: "\e900";
}
.accessibility_icon-black:before {
content: "\e901";
}
.accessibility_icon-blind:before {
content: "\e902";
}
.accessibility_icon-dark:before {
content: "\e903";
}
.accessibility_icon-eyeee:before {
content: "\e904";
}
.accessibility_icon-h:before {
content: "\e905";
}
.accessibility_icon-link:before {
content: "\e906";
}
.accessibility_icon-picmic:before {
content: "\e907";
}
.accessibility_icon-sun:before {
content: "\e908";
}
.accessibility_icon-tab:before {
content: "\e909";
}
.accessibility_icon-white:before {
content: "\e90a";
}
.accessibility_icon-zoomin:before {
content: "\e90c";
}
.accessibility_icon-zoomout:before {
content: "\e90d";
}
.accessibility.accessibility_colorlight_div,
.accessibility.accessibility_colorlight_div .accessibility_menu .accessibility_menu_head,
.accessibility.accessibility_colorlight_div .accessibility_menu .accessibility_menu_body_wrap,
.accessibility.accessibility_colorlight_div .accessibility_footer span,
.accessibility.accessibility_colorlight_div .accessibility_button_open,
.accessibility.accessibility_colorlight_div .accessibility_button_close {
background: #333333!important;
color: #ffffff!important;
}
.accessibility.accessibility_colorlight_div,
.accessibility.accessibility_colorlight_div .accessibility_menu,
.accessibility.accessibility_colorlight_div .accessibility_menu .accessibility_menu_head,
.accessibility.accessibility_colorlight_div .accessibility_menu .accessibility_menu_head span,
.accessibility.accessibility_colorlight_div .accessibility_menu .accessibility_menu_body_wrap {
border-color: #333333 !important;
}
.accessibility.accessibility_colorlight_div .accessibility_menu .accessibility_menu_head span,
.accessibility.accessibility_colorlight_div .accessibility_menu .accessibility_menu_head p {
background: #333333 !important;
color: #ffffff !important;
box-shadow: none;
}
.accessibility.accessibility_colorlight_div button,
.accessibility.accessibility_colorlight_div span {
background: #ffffff !important;
color: #333333 !important;
border-color: #000000 !important;
}
.accessibility.accessibility_colorlight_div h1,
.accessibility.accessibility_colorlight_div h2,
.accessibility.accessibility_colorlight_div h3,
.accessibility.accessibility_colorlight_div h4,
.accessibility.accessibility_colorlight_div h5,
.accessibility.accessibility_colorlight_div h6,
.accessibility.accessibility_colorlight_div input,
.accessibility.accessibility_colorlight_div a {
background: #333333 !important;
color: #ffffff !important;
}
.accessibility.accessibility_colorlight_div .accessibility_button_close::after {
display: none;
}
.accessibility.accessibility_colordark_div,
.accessibility.accessibility_colordark_div .accessibility_menu .accessibility_menu_head,
.accessibility.accessibility_colordark_div .accessibility_menu .accessibility_menu_body_wrap,
.accessibility.accessibility_colordark_div .accessibility_footer span,
.accessibility.accessibility_colordark_div .accessibility_button_open,
.accessibility.accessibility_colordark_div .accessibility_button_close {
background: #eeeeee!important;
color: #000000 !important;
}
.accessibility.accessibility_colordark_div,
.accessibility.accessibility_colordark_div .accessibility_menu,
.accessibility.accessibility_colordark_div .accessibility_menu .accessibility_menu_head,
.accessibility.accessibility_colordark_div .accessibility_menu .accessibility_menu_head span,
.accessibility.accessibility_colordark_div .accessibility_menu .accessibility_menu_body_wrap {
border-color: #eeeeee !important;
}
.accessibility.accessibility_colordark_div .accessibility_menu .accessibility_menu_head span,
.accessibility.accessibility_colordark_div .accessibility_menu .accessibility_menu_head p {
background: #eeeeee !important;
color: #000000 !important;
box-shadow: none;
}
.accessibility.accessibility_colordark_div button,
.accessibility.accessibility_colordark_div span {
background: #000000 !important;
color: #eeeeee !important;
border-color: #000000;
}
.accessibility.accessibility_colordark_div h1,
.accessibility.accessibility_colordark_div h2,
.accessibility.accessibility_colordark_div h3,
.accessibility.accessibility_colordark_div h4,
.accessibility.accessibility_colordark_div h5,
.accessibility.accessibility_colordark_div h6,
.accessibility.accessibility_colordark_div input,
.accessibility.accessibility_colordark_div a {
background: #eeeeee !important;
color: #000000 !important;
}
.accessibility.accessibility_colordark_div .accessibility_button_close::after {
display: none;
}