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

THEME / Accessibility Toolbar Plugin
acc_toolbar is maintained by mickidum
https://mickidum.github.io/acc_toolbar/

- CUSTOM CSS -
CATBIRD 2025
V. 1.2

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

/****************************
 PALETTE COLORI
****************************/

:root {
  --toolbar-primary: #1d5975;
  --toolbar-secondary: #37667c;
  --toolbar-secondary-light: #37667c;
  --toolbar-grey: #d9d9d9;
  --toolbar-dark-grey: #333333;
  --toolbar-white: #ffffff;
  --toolbar-border-dark: #000000;
  --toolbar-border-light: #ffffff;
  
  --toolbar-button: #004D99;
  --toolbar-button-hover: #003366;
  --toolbar-button-border: #003366;
  --toolbar-background: #4184c6;
}

/** header **/

body #mic-init-access-tool .mic-access-tool-box .mic-access-tool-box-header {
    color: transparent!important;
}


/** general button **/

#mic-init-access-tool .mic-access-tool-general-button {
    position: fixed!important;
    z-index: 99999!important;
    display: block!important;
    bottom: 15px!important;
    left: 15px!important;
    background-color: var(--primary)!important;
    cursor: pointer;
    border: solid 2px #fff;
    border-radius: 50%!important;
    color: #fff;
    padding: 0px!important;
    width: 60px;
    height: 60px;
}

#mic-init-access-tool .mic-access-tool-general-button:before {
    font-size: 2rem!important;
    display: block;
    content: '\e2ce';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: #ffffff;
    position: absolute;
    top: 12px;
    right: 14px;
}

#mic-init-access-tool .mic-access-tool-general-button:focus,
#mic-init-access-tool .mic-access-tool-general-button:hover {
    color: var(--toolbar-button-hover)!important;
    border-color: var(--toolbar-button-hover)!important;
    background-color: var(--toolbar-button-hover)!important;
}

#mic-init-access-tool .mic-access-tool-general-button:focus:before,
#mic-init-access-tool .mic-access-tool-general-button:hover:before {
    color: #ffffff!important;
}

#mic-init-access-tool .mic-access-tool-general-button span {
    display: none!important;
}

#mic-init-access-tool .mic-access-tool-general-button img {
    display: none!important;
}

#mic-init-access-tool .mic-access-tool-box {
    color: #333;
    overflow-y: auto;
    -webkit-box-shadow: 1px 0 4px 0 #777;
    box-shadow: 1px 0 4px 0 #777;
    position: fixed;
    height: 100vh;
    width: 320px;
    top: 0;
    left: 0;
    background-color: var(--toolbar-background)!important;
    z-index: 9999999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .4s!important;
    transition: opacity .4s!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-toolbox-all-credits {
    background-color: transparent!important;
    font-family: 'Titillium Web', sans-serif!important;
    display: none;
}

body #mic-init-access-tool .mic-access-tool-box .mic-toolbox-all-credits a,
#mic-init-access-tool .mic-access-tool-box .mic-toolbox-all-credits span {
    color: #fff!important;
    font-size: 0.875rem!important;
    font-family: 'Titillium Web', sans-serif!important;
}

body #mic-init-access-tool .mic-access-tool-box .link-access-page button.vi-enabled span,
body #mic-init-access-tool .mic-access-tool-box .mic-disable-buttons button.vi-enabled span {
    color: #fff!important;
}


/** close button **/

body #mic-init-access-tool .mic-access-tool-box .mic-access-tool-box-header button {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    color: transparent!important;
    font-weight: 700;
    line-height: 1.1;
    font-size: 1.125rem!important;
    right: 0;
    top: 0;
    padding: 8px 5px 8px;
    text-shadow: none!important;
}


body #mic-init-access-tool .mic-access-tool-box .mic-access-tool-box-header button:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\f057';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: #ffffff;
    position: absolute;
    top: 8px;
    right: 10px;
}

body #mic-init-access-tool .mic-access-tool-box .mic-access-tool-box-header button:focus,
body #mic-init-access-tool .mic-access-tool-box .mic-access-tool-box-header button:hover {
    background-color: transparent!important;
    color: transparent!important;
    text-shadow: none!important;
}

body #mic-init-access-tool * {
    font-family: 'Titillium Web', sans-serif!important;
    font-size: 1rem!important;
}

body #mic-init-access-tool .mic-access-tool-box>div:not(.mic-access-tool-box-header):not(.mic-toolbox-all-credits) .mic-subtitle-span {
    font-size: 1.5rem!important;
    font-weight: bold!important;
    display: block;
    padding: 12px 0;
    text-align: center;
    color: var(--toolbar-button-hover);
    font-variant: small-caps;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block button {
    background-color: transparent!important;
    border: 1px solid var(--primary)!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block button.vi-enabled {
    border: solid 1px #00e800!important;
    background-color: #FFFFCC!important;
    color: var(--primary)!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block button.vi-enabled span {
    color: var(--primary)!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block button:focus,
body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block button:hover {
    color: var(--primary)!important;
    border-color: #00e800!important;
    background-color: #FFFFCC!important;
}

#mic-toolbox-link-nagishut, #mic-toolbox-link-contact {
    display:none!important;
}

body #mic-init-access-tool .mic-access-tool-box .link-access-page {
    background-color: transparent!important;

}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block button:focus span,
body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block button:hover span {
    color: var(--primary)!important;
}


body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block button.vi-enabled::before {
    font-size: 1.2rem!important;
    display: block;
    content: '\f058';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: #00e800;
    position: absolute;
    top: 4px;
    right: 3px;
}

body #mic-toolbox-disable-buttons-reset-all img {
    display: none!important;
}

/* reset button */

body #mic-init-access-tool .mic-access-tool-box .link-access-page button:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\f2f9';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: #ffffff;
    position: absolute;
    top: 12px;
    right: 10px;
}

body #mic-init-access-tool .mic-access-tool-box .link-access-page button:focus,
body #mic-init-access-tool .mic-access-tool-box .link-access-page button:hover,
body #mic-init-access-tool .mic-access-tool-box .mic-disable-buttons button:focus,
body #mic-init-access-tool .mic-access-tool-box .mic-disable-buttons button:hover {
    background-color: var(--toolbar-button-hover)!important;
    color: #ffffff!important;
}

/* disable button - keyboard/animations */

body .mic-disable-buttons {
    background-color: transparent!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-disable-buttons button span {
    color: #ffffff!important;
    font-weight: 600!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-disable-buttons img {
    display: none!important;
}

body #mic-init-access-tool .mic-access-tool-box .link-access-page button,
body #mic-init-access-tool .mic-access-tool-box .mic-disable-buttons button {
    /*border-bottom: 0px!important;*/
    font-size: 1.125!important;
    text-shadow: none!important;
}

body #mic-toolbox-disable-buttons-keyboard,
body #mic-toolbox-disable-buttons-animations {
    background-color: var(--toolbar-button)!important;
    border: 1px solid var(--toolbar-button-border)!important;
    border-radius: 5px!important;
    margin-bottom: 3px!important;
}

body #mic-toolbox-disable-buttons-keyboard:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\f11c';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: #ffffff;
    position: absolute;
    top: 12px;
    right: 10px;
}

body #mic-toolbox-disable-buttons-animations:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\e131';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: #ffffff;
    position: absolute;
    top: 12px;
    right: 10px;
}

/** buttons / color contrast **/


body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-contrast-monochrome img {
    display: none!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-contrast-monochrome:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\f042';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--primary);
    position: absolute;
    top: 12px;
    right: 36px;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-contrast-soft img {
    display: none!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-contrast-soft:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\f0eb';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--primary);
    position: absolute;
    top: 12px;
    right: 36px;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-contrast-hard img {
    display: none!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-contrast-hard:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\f591';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--primary);
    position: absolute;
    top: 12px;
    right: 36px;
}

/** buttons / text size **/

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-fonts-up  img {
    display: none!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-fonts-up:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\2b';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--primary);
    position: absolute;
    top: 12px;
    right: 36px;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-fonts-down img {
    display: none!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-fonts-down:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\f068';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--primary);
    position: absolute;
    top: 12px;
    right: 36px;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-fonts-simple img {
    display: none!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-fonts-simple:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\f891';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--primary);
    position: absolute;
    top: 12px;
    right: 36px;
}


/** buttons / highligthing content **/

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-content-links img {
    display: none!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-content-links:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\f0cd';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--primary);
    position: absolute;
    top: 12px;
    right: 36px;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-content-links span {
    padding-top: 15px;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-content-headers span {
    padding-top: 15px;
}


body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-content-headers img {
    display: none!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-content-headers:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\f1dc';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--primary);
    position: absolute;
    top: 12px;
    right: 36px;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-content-images span {
    padding-top: 15px;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-content-images img {
    display: none!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-content-images:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\f03e';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--primary);
    position: absolute;
    top: 12px;
    right: 36px;
}

#mic-init-access-tool .mic-access-tool-box .link-access-page button.vi-enabled::before, #mic-init-access-tool .mic-access-tool-box .mic-disable-buttons button.vi-enabled::before {
    content: "\2713";
    position: absolute;
    top: 6px!important;
    right: 6px!important;
    color: #ffffff!important;
    font-weight: 700 !important;
    line-height: 1 !important;
    font-size: 14px !important;
}

/** buttons / zoom in **/

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-cursor-big-white span {
    padding-top: 15px;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-cursor-big-white img {
    display: none!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-cursor-big-white:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\f245';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--primary);
    position: absolute;
    top: 12px;
    right: 36px;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-cursor-big-black span {
    padding-top: 15px;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-cursor-big-black img {
    display: none!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-cursor-big-black:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\f245';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--primary);
    position: absolute;
    top: 12px;
    right: 36px;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-zoom-up span {
    padding-top: 15px;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-zoom-up img {
    display: none!important;
}

body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block #mic-toolbox-zoom-up:before {
    font-size: 1.2rem!important;
    display: block;
    content: '\f00e';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--primary);
    position: absolute;
    top: 12px;
    right: 35px;
}

/** toolbox **/

#mic-init-access-tool .mic-access-tool-box .link-access-page button {
    position: relative;
    padding: 12px 5px;
    /*border-bottom: 0px!important;*/
    border: 1px solid var(--toolbar-button-border)!important;
    background-color: var(--toolbar-button)!important;
    border-radius: 5px;
    display: block;
    width: 100%;
    font-size: 1.125rem!important;
    text-shadow: none!important;
    color: #ffffff!important;
}

#mic-init-access-tool .mic-access-tool-box .link-access-page button span {
    color: #ffffff!important;
}