/** WP admin fix **/
.admin-bar .keaa__content{height: calc(100vh - 32px);}

/** General **/
.keaa__close{cursor: pointer;}

/** Icon **/
.keaa__icon{position: fixed; bottom: 30px; right: 30px; z-index: 999; background-color: #ffffff; border-radius: 50%;
    border: 1px solid #ffffff; width: 45px; height: 45px; cursor: pointer; transform: scale(1); transition: transform 0.4s;}
.keaa__icon:hover{transform: scale(1.2); transition: transform 0.4s;}

/** Content **/
.keaa__content{height: 100vh; z-index: -1; width: 445px; position: fixed; right: 0; bottom: 0; opacity: 0; flex-direction: column; display: flex;
    background-color: #f8f9fc; box-shadow: 0px 4px 40px rgba(25, 27, 30, .2); -webkit-box-shadow: 0px 4px 40px rgba(25, 27, 30, .2);max-width: 445px;}
.keaa__content.active{z-index: 999; opacity: 1;}
.keaa__contentTop{background-color: #000000; color: #ffffff; padding: 20px; width: 100%; box-sizing: border-box; display: flex; align-items: center;
    font-size: 20px;}
.keaa__cross{margin-left: auto;}

.keaa__contentCenter{overflow-y: auto;}
.keaa__contentSection{padding: 20px; margin-top: 0px;}
.keaa__contentSection:first-child{margin-top: 20px;}
.keaa__contentSection:last-child{margin-bottom: 20px;}
.keaa__contentSectionTitle{color: #000000; margin-bottom: 20px; font-size: 20px;}
.keaa__contentSectionBoxes{display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
.keaa__contentSectionBox{display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box;
    box-shadow: 0px 0px 5px rgba(25, 27, 30, .03); -webkit-box-shadow: 0px 0px 5px rgba(25, 27, 30, .03); background-color: #ffffff;
    padding: 10px; border-radius: 10px; border: 1px solid transparent; cursor: pointer; transition: border 0.4s, background-color 0.4s;
    height: 126px; width: calc(33% - 8px);}
.keaa__contentSectionBox:hover{border: 1px solid #000000; background-color: #f8f9fc; transition: border 0.4s, background-color 0.4s;}
.keaa__contentSectionBoxText{text-align: center; margin-top: 12px; font-size: 14px; font-weight: bold;}
.keaa__contentSectionBox.active{filter: invert(1);}

.keaa__contentBottom{background-color: #000000; color: #ffffff; padding: 20px; width: 100%; box-sizing: border-box; display: flex; align-items: center;
    margin-top: auto; justify-content: space-between;}
.keaa__contentBottomCredits{font-style: italic; font-size: 12px!important;}
.keaa__contentBottomCredits a{text-decoration: underline; font-style: normal;}
.keaa__closeBottom{display: flex; align-items: center;}
.keaa__closeBottom img{margin-right: 5px;}

/** Filters **/
.keaa-content-scaling p, .keaa-content-scaling h1, .keaa-content-scaling h2, .keaa-content-scaling h3,
.keaa-content-scaling h4, .keaa-content-scaling h5, .keaa-content-scaling h6, .keaa-content-scaling a, .keaa-content-scaling img{zoom: 1.16!important;}

.keaa-font-sizing, .keaa-font-sizing p, .keaa-font-sizing a, .keaa-font-sizing h1, .keaa-font-sizing h2, .keaa-font-sizing h3,
.keaa-font-sizing h4, .keaa-font-sizing h5, .keaa-font-sizing h6{zoom: 1.16!important;}

.keaa-line-height, .keaa-line-height p, .keaa-line-height a, .keaa-line-height h1, .keaa-line-height h2, .keaa-line-height h3,
.keaa-line-height h4, .keaa-line-height h5, .keaa-line-height h6{line-height: 2!important;}

.keaa-letter-spacing, .keaa-letter-spacing p, .keaa-letter-spacing h1, .keaa-letter-spacing h2
, .keaa-letter-spacing h3, .keaa-letter-spacing h4, .keaa-letter-spacing h5, .keaa-letter-spacing h6
, .keaa-letter-spacing a{letter-spacing: 5px!important;}
.keaa-readable-font, .keaa-readable-font h1, .keaa-readable-font h2, .keaa-readable-font h3, .keaa-readable-font h4
,.keaa-readable-font h5, .keaa-readable-font h6{font-family: Arial, Helvetica, sans-serif!important;}
.keaa-highlight-titles h1, .keaa-highlight-titles h2, .keaa-highlight-titles h3, .keaa-highlight-titles h4, .keaa-highlight-titles h5 ,
.keaa-highlight-titles h6{outline: 2px solid blue !important; outline-offset: 2px solid blue!important;}
.keaa-highlight-links a{outline: 2px solid orange !important; outline-offset: 2px solid orange!important;}
.keaa-hide-images img{visibility: hidden!important;}
.keaa-invert-color{filter: invert(1);}
.keaa-dark-contrast{background-color: #000000!important; color: #ffffff!important;}
.keaa-dark-contrast p, .keaa-dark-contrast a, .keaa-dark-contrast h1, .keaa-dark-contrast h2,.keaa-dark-contrast h3,
.keaa-dark-contrast h4,.keaa-dark-contrast h5,.keaa-dark-contrast h6{color: #ffffff!important; background-color: #000000!important;}
.keaa-light-contrast{background-color: #ffffff!important; color: #000000!important;}
.keaa-light-contrast p, .keaa-light-contrastt a, .keaa-light-contrast h1, .keaa-light-contrast h2,.keaa-light-contrast h3,
.keaa-light-contrast h4,.keaa-light-contrast h5,.keaa-light-contrast h6{color: #000000!important; background-color: #ffffff!important;}
.keaa-low-brightness{filter: brightness(50%);}
.keaa-high-brightness{filter: brightness(150%);}
.keaa-low-contrast{filter: contrast(50%);}
.keaa-high-contrast{filter: contrast(150%);}
.keaa-low-saturation{filter: saturate(0.5);}
.keaa-high-saturation{filter: saturate(1.5);}
.keaa-high-monochrome{filter: grayscale(1);}
.keaa-reading-line{}
#keaa-reading-line-el{background: #000000;width: 100% !important;min-width: 100% !important;top: 20px;left: 0;box-sizing: border-box;
    height: 12px !important;border: solid 3px #ffffff;border-radius: 5px;position: absolute;z-index: 99998;
    pointer-events: none; transform: translate(-50%, -50%);}
#keaa-reading-mask-el{background-color: transparent;width: 200%!important;min-width: 100% !important;top: 0px;left: 0;box-sizing: border-box;
    height: 200px!important; position: absolute;z-index: 99998; pointer-events: none; transform: translate(-50%, -50%);}
#keaa-reading-mask-el::after{background-color: rgba(0, 0, 0, .5);width: 200%!important;min-width: 100% !important;top: -50vh;left: 0;box-sizing: border-box;
    height: 100vh!important; position: absolute;z-index: 99998; pointer-events: none; transform: translate(-50%, -50%); content: " ";}
#keaa-reading-mask-el::before{background-color: rgba(0, 0, 0, .5);width: 200%!important;min-width: 100% !important;bottom: -150vh;left: 0;box-sizing: border-box;
    height: 100vh!important; position: absolute;z-index: 99998; pointer-events: none; transform: translate(-50%, -50%); content: " ";}

/** Filters on widget **/
.keaa__content{line-height: normal!important; font-family: Arial, Helvetica, sans-serif!important; font-size: 1em!important;
    letter-spacing: normal!important;}
.keaa__content img{visibility: visible!important;}
.keaa__content p, .keaa__content h1, .keaa__content h2, .keaa__content h3,
.keaa__content h4, .keaa__content h5, .keaa__content h6, .keaa__content a, .keaa__content img{zoom: 1.2!important;}

/* options
 option_1 -> Alto sinistra
 option_2 -> Alto destra
 option_3 -> Basso sinistra
 option_4 -> Basso destra
 */

.keaa__icon.option_1{left: 30px; bottom: calc(50vh - 23px);}
.keaa__content.option_1{}

.keaa__icon.option_2{right: 30px; bottom: calc(50vh - 23px);}
.keaa__content.option_2{}

.keaa__icon.option_3{left: 30px; bottom: 30px;}
.keaa__content.option_2{}

.keaa__icon.option_4{right: 30px; bottom: 30px;}
.keaa__content.option_4{}

/* mobile */
@media screen and (max-width: 767px) {
    .keaa__content{width: 100%;}

}

/* ipad */
@media screen and (min-width: 768px) and  (max-width: 992px){

}

/* ipad pro */
@media screen and (min-width: 992px) and  (max-width: 1200px){

}