/*******************************

    Accessibility START

*******************************/

body .accessability_container {

    width: 200px;

    background: #FFF !important;

    color: #000 !important;

    position: fixed;

    top: 0px;


    height: auto;

    z-index: 9999999;

}

body .accessability_container *{

    color: #000 !important;

}
body .accessability_container .a_module {
	background: transparent !important;
}
.admin-bar .accessability_container {

    top:32px;

}
.wah-action-button {
	border: none;
}
body.is_underline a {

    text-decoration: underline !important;

}

.accessibility-location-right .accessability_container {

    left:auto !important;

    right:-200px;

}

.accessibility-location-left .accessability_container {

    left:-200px !important;

    right: auto;

}

.accessibility-location-left .aicon_link {

    left:200px;

    right: auto !important;

}

.accessability_container.active {
	right: 0;
	width: 100%;
	top: 0;
	position: relative;
	display: block;
	float: left;
	border-bottom: 1px solid #ddd;
}
.a_module.wah_font_resize .a_module_title, .a_module.wah_contrast_trigger .a_module_title {
	text-align: center;
	width: 100%;
	font-size: 0.9em;
	font-weight: 500;
	background: #fafafa;
	border-bottom: 1px solid #ddd;
	border-radius: 5px 5px 0px 0px;
	line-height: 2.2em;
}
.convar.wahout.wahcolor {
	border-radius: 5px;
	float: left;
	margin-left: 5%;
	margin-bottom: 1%;
	padding: 6% 8.9%;
	margin-top: 3%;
	border-color: #aaa;
}
.a_module_exe.font_resizer {
	margin-top: 5px;
	display: block;
	width: 100%;
	float: left;
}
.wah-action-button.smaller.wahout {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 6px 10px;
	background: #fafafa;
	margin-left: 6%;
	width: 26%;
	float: left;
	margin-right: 3%;
}
.wah-action-button.larger.wahout {
	background: #fafafa;
	border: 1px solid #ddd;
	padding: 6px 8px;
	border-radius: 5px;
	margin-left: 3%;
	float: left;
	width: 26%;
	margin-right: 3%;
}
.wah-action-button.wah-font-reset.wahout {
	padding: 6px 10px;
	float: left;
	width: 25%;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-left: 3%;
}

.accessibility-location-left .accessability_container.active {

    right:auto;

    left:0 !important;

}

.accessability_container a {

    color: #000;

}

a.aicon_link {display: none;}

a.aicon_link img {

    max-width: 48px;

}

.access_container_inner {
	padding: 0 10px;
	width: 1200px;
	margin: 0 auto;
}

button.aicon_link {
	width: auto;
	padding: 0px 10px 0px 2px;
	margin-top: 0;
	border: 0 !important;
	cursor: pointer;
	font-weight: 600;
	border-radius: 3px;
}

button.aicon_link:focus {

    outline: none;

    outline-color: transparent;

}

.aicon_link {
	display: block;
	background: #3e4fa6;
	float: right;
	color: #fff;
}
.aicon_link span {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 4px 0 3px 0;
	display: inline-block;
}
.aicon_image {
	height: 17px;
	margin-top: -2px;
}
.trp-ls-shortcode-language a {
	border: 1px solid #ddd;
	display: block;
	float: right;
	line-height: 10px;
	padding: 1px;
	border-radius: 3px;
	background: #fff;
	margin-right: 4px;
	margin-top: 0;
}

.accessibility-location-left .aicon_link {

    left:auto;

    right: -48px !important;

}



button.close_container {
	background: #236478 !important;
	color: #FFF !important;
	cursor: pointer;
	padding: 0;
	border: 0;
	width: 30px;
	margin: 0 auto;
	height: 34px;
	line-height: 34px;
	font-weight: bold;
	font-size: 15px;
	position: absolute;
	right: 0;
}

#access_container {

    margin-top: 0;

    padding-top: 10px;

}

.a_module {
	padding-bottom: 0.6rem;
	margin-bottom: 0.6rem;
	border: 1px solid #ddd;
	width: 15.75%;
	display: block;
	float: left;
	border-radius: 5px;
	margin-right: 1%;
}
.wah-action-button.wahout.wah-call-keyboard-navigation {
	font-size: 0.9em;
	width: 100%;
	float: left;
	display: block;
	padding: 8px 4px;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-bottom: 5%;
}
.wah-action-button.wahout.wah-call-remove-animations {
	font-size: 0.9em;
	width: 100%;
	float: left;
	display: block;
	padding: 8px 4px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.wah-action-button.wahout.wah-call-underline-links {
	font-size: 0.9em;
	width: 100%;
	float: left;
	display: block;
	padding: 8px 4px;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-bottom: 5%;
}
.wah-action-button.wahout.wah-call-highlight-links {
	font-size: 0.9em;
	width: 100%;
	float: left;
	display: block;
	padding: 8px 4px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.wah-action-button.wahout.wah-call-readable-fonts {
	font-size: 0.9em;
	width: 100%;
	float: left;
	display: block;
	padding: 8px 4px;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-bottom: 5%;
}
.wah-action-button.wahout.wah-call-greyscale {
	font-size: 0.9em;
	width: 100%;
	float: left;
	display: block;
	padding: 8px 4px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.wah-action-button.wahout.wah-call-invert {
	font-size: 0.9em;
	width: 100%;
	float: left;
	display: block;
	padding: 8px 4px;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-bottom: 5%;
}
.wah-action-button.wahout.wah-call-clear-cookies {
	font-size: 0.9em;
	width: 100%;
	float: left;
	display: block;
	padding: 8px 4px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.a_module.wah_keyboard_navigation {
	width: 16%;
	border: none;
}
.a_module.wah_underline_links {
	width: 16%;
	border: none;
}
.a_module.wah_readable_fonts {
	width: 15.5%;
	border: none;
}
.a_module.wah_invert {
	width: 15.5%;
	border: none;
}

.font_resizer a,

.contrast_trigger {

    width:42%;

    display: block;

    float: left;

    border: 1px solid #000;

    padding: 0.1rem;

    text-align: center;

    font-weight: bold;

}

.font_resizer a:last-child {

    float: right;

}

.a_module_exe:before,

.a_module_exe:after {

    content: '';

    display: block;

    clear: both;

}

.a_module_exe a {

    text-decoration: none;

    font-size:15px;

}

.a_module_title {

    margin-bottom: 0.4rem;

    font-weight: 600;

}

.contrast_trigger {

    width: 100%;

}

#access_container a:focus {

    color: #FFF;

    background: #000;

}



/*******************/

.color_selector {

    display: none;
	top: 0;

}

.color_selector.is_visible {display: block;}

.color_selector a {

    display: inline-block;

    font-size: 0;

    width: 30px;

    height: 30px;

    float: left;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    border: 2px solid #000;

    margin: 5px;

}

body .color_selector .black {background: #000 !important;}

body .color_selector .white {background: #FFF !important;}

body .color_selector .green {background: #00FF21 !important;}

body .color_selector .blue {background: #0FF !important;}

body .color_selector .red {background: #F00 !important;}

body .color_selector .orange {background: #FF6A00 !important;}

body .color_selector .yellow {background: #FFD800 !important;}

body .color_selector .navi {background: #B200FF !important;}



.active_greyscale{

    filter: grayscale(100%);

    -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%); -o-filter: grayscale(100%);

    filter: url(desaturate.svg#greyscale);

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

    filter: gray;

    -webkit-filter: grayscale(1);

}

/*** Dark Theme Settings ***/

.dark_theme.accessability_container.active,

body .accessability_container.dark_theme,

body .accessability_container.dark_theme #access_container,

body .accessability_container.dark_theme .access_container_inner,

body .accessability_container.dark_theme .a_module,

body .accessability_container.dark_theme .a_module_title,

body .accessability_container.dark_theme .a_module_exe,

.dark_theme .font_resizer a,

.dark_theme .contrast_trigger {

    background: #232323 !important;

    color: #FFF !important;

}

.dark_theme .a_module_exe a:focus {

    background: #FFF !important;

    color: #000 !important;

    outline: 0 !important;

}

.dark_theme .a_module {

    border-bottom: 1px solid #444343;

}

.dark_theme .font_resizer a,

.dark_theme .contrast_trigger {

    border: 1px solid #fff;

    color: #FFF;

}

body.highlight_links_on a {

    background-color: yellow !important;

    color: #000 !important;

}

body.highlight_links_on a span {

    color: #000 !important;

}

body.invert_mode_on {

    -webkit-filter: invert(100%);

    filter: invert(100%);

}

body.remove_animations * {

    transition: none !important;

    -o-transition: none !important;

    -ms-transition: none !important;

    -moz-transition: none !important;

    -webkit-transition: none !important;

}

body .dark_theme a.active_button {

    border:1px solid #236478 !important;

}

body a.active_button {

    border:1px solid #F44336 !important;

}

body.arial_font_on * {

    font-family: Arial, Helvetica, sans-serif !important;

}

body.wah_keyboard_access :focus {

    background-color: #f3f57c!important;

    color: #000!important;

}

body .wah_scanner_element {

    outline: 5px solid yellow !important;

}

body .wah_scanner_link {

    background-color: yellow !important;

    outline: 5px solid yellow !important;

    color: #000 !important;

}

body .wah_plugin_credits {

    position: absolute;

    bottom: 0px;

    left: 0;

    width: 100%;

    text-align: center;

    font-family: Arial;

    font-size: 12px;

    background: #236478!important;

    color: #FFF !important;

}

body.admin-bar .wah_plugin_credits {

    bottom: 32px;

}

body .wah_plugin_credits a {

    font-family: Arial;

    font-size: 12px;

    background: #236478!important;

    color: #FFF !important;

}

.wah-dark-overlay {

    position: fixed;

    z-index: 50;

    background: rgba(0,0,0,0.8);

    top:0;

    bottom:0;

    left:0;

    right: 0;

    width: 100%;

    height: 100%;

}

.wah-lights-selector {

    position: relative;

    z-index: 100;

    background: #FFF;

    color: #000;

}

/********************

Accessibility END

********************/

@media only screen and (max-width: 480px) {

    body .accessability_container {

        height: auto;

        padding: 0 0 1rem 0;

    }

    a.close_container,

    .a_module_title {

        font-size: 14px;

    }

    .a_module {

        padding-bottom: 0.4rem;

        margin-bottom: 0.4rem;

    }

    .font_resizer a,

    .contrast_trigger {

        font-size: 14px;

        padding: .2rem;

    }

    .a_module_title {

        display: none;

    }

}



.a_module:last-child {
	margin-right: 0;
}
.wahout .fa {
	font-size: 1.3em;
	padding-right: 6px;
	float: left;
	padding-left: 6px;
}
.wah-action-button.wah-font-reset.wahout .fa {
	font-size: 13px;
}