/*
Theme Name: Dixionline Theme
Theme URI: https://dixionline.com
Author: Dixionline
Theme URI: https://dixionline.com
Template: hello-elementor
Version: 1.0
*/

/*
    Add your custom styles here
*/
.menu-item a:hover i{
    transform: translateY(-5px);
}

.menu-item a i{
    transition: all 0.3s;
}

.accessibility-icon{
    position: fixed;
    top: 15%;
    right: 460px;
    z-index: 100000;
    transform: translateX(460px);
    animation-name: readabler-accessibility-icon-close;
    animation-duration: var(--readabler-animate);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.is-open .accessibility-icon {
    animation-name: readabler-accessibility-icon;
    animation-duration: var(--readabler-animate);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

@keyframes readabler-accessibility-icon {
    from {
        transform: translateX(460px);
        opacity: 0
    }
    
    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes readabler-accessibility-icon-close {
    from {
        transform: translateX(0);
        opacity: 1
    }
    
    to {
        transform: translateX(460px);
        opacity: 0
    }
}

@keyframes readabler-slide-tl-close {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

.single-formations .elementor-icon-box-content p{
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
    color: var(--e-global-color-text);
}

body #mdp-readabler-popup{
    max-height: 100vh;
    height: 100vh;
    width: 460px;
}

#mdp-readabler-popup #mdp-readabler-popup-header span {
    padding: 0;
    margin: 0 32px;
    font-size: 24px;
    font-weight: 700;
    font-family: sans-serif!important;
}

#mdp-readabler-popup .mdp-readabler-subheader .title{
    font-size: 24px;
    margin: 16px 0 0;
    padding: 0;
}

.elementor-icon-box-content ul, .elementor-icon-box-content ul li{
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
    color: var(--e-global-color-text);
}

.elementor-icon-box-content ul li span{
    font-family: inherit !important;
    font-size: inherit !important;
}