/**
 * 2023 EZ-INFO
 *
 * EZ-INFO Language
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the General Public License (GPL 2.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/GPL-2.0
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade the module to newer
 * versions in the future.
 *
 *  @author    EZ-INFO
 *  @copyright 2023 EZ-INFO
 *  @license   http://opensource.org/licenses/GPL-2.0 General Public License (GPL 2.0)
 */

#ezinfolanguage {
    z-index: 999;
    position: relative;
}

#ezinfolanguage .language-link {
    display: flex;
    align-items: center;
    padding: 10px 9px 10px 10px;
    transition: all .3s;
    text-decoration: none;
    outline: none;
}

#ezinfolanguage .language-link:hover {
    background-color: #F4F4F4;
}

#ezinfolanguage .img-responsive {
    max-width: 70px;
    border-radius: 50px;
    width: 60px;
    height: 60px;
}

#ezinfolanguage .language-title,
#ezinfolanguage .language-descr {
    display: block;
}
#ezinfolanguage #ezinfolanguage-open {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0px;
    background-color: #FFFFFF;
    border: none;
    width: 140px;
    height: 46px;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.10);
    cursor: pointer;
    outline: none;
    z-index: 9999;
    transition: all 0.3s;
    opacity: 0;
}

#ezinfolanguage .ezinfolanguage-open_img {
    width: 20%;
    height: 20%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='flag-icon-css-fr' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd' stroke-width='1pt'%3E%3Cpath fill='%23fff' d='M0 0h640v480H0z'/%3E%3Cpath fill='%2300267f' d='M0 0h213.3v480H0z'/%3E%3Cpath fill='%23f31830' d='M426.7 0H640v480H426.7z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: left center;
	
}

#ezinfolanguage #ezinfolanguage-open.left {
    opacity: 1;
    left: 0;
}
#ezinfolanguage #ezinfolanguage-open.right {
    right: 0;
    opacity: 1;
	z-index:1; 
}

#ezinfolanguage #ezinfolanguage-open:hover {
    background-color: #FAD02E;
}

/*animation*/
/*#ezinfolanguage #ezinfolanguage-open:hover .ezinfolanguage-open_img{*/
/*    animation-duration: 0.3s;*/
/*    animation-name: language;*/
/*}*/

@keyframes language {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(10deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

#ezinfolanguage #ezinfolanguage-open.left.active {
    left: 0px;
}
#ezinfolanguage #ezinfolanguage-open.right.active {
    right: 0px;
}

#ezinfolanguage #ezinfolanguage-open img{
    width: 30px;
    height: 30px;
}

#ezinfolanguage .language-wrapper {
    bottom: 46px;
    opacity: 0;
    position: fixed;
    background-color: white;
    max-width: 140px;
    max-height: 350px;
    overflow: auto;
    z-index: 99999;
    transition: all 0.3s;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
}

#ezinfolanguage .language-wrapper.left {
    left: -320px;
    opacity: 1;
}
#ezinfolanguage .language-wrapper.right {
    right: -320px;
    opacity: 1;
}

#ezinfolanguage .language-wrapper img {
    width: 30px;
    height: 30px;
}

#ezinfolanguage .language-wrapper span {
    min-width: 140px;
	min-height: 46px;
	color:#000000;
	display: flex;
	font-size: 1rem;
	align-items: center;
	justify-content: center;
}

#ezinfolanguage .language-wrapper span:hover {
    background-color: #FAD02E;
}

#ezinfolanguage .language-wrapper.left.active {
    left: 0;
}

#ezinfolanguage .language-wrapper.right.active {
    right: 0;
}

#ezinfolanguage .language-description {
    padding: 11px 40px 10px 15px;
    background: #F4F4F4;
}
#ezinfolanguage .language-description p{
    color: #336796;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    margin: 0;
}

#ezinfolanguage .language-body {
    padding: 10px 15px 10px 15px;
}

#ezinfolanguage .language-body .p-0{
    border-bottom: 1px solid #EAEAEA;
}

#ezinfolanguage .language-body .p-0:last-child{
    border-bottom: none;
}

#ezinfolanguage .language-inner {
    max-width: 100%;
    width: 100%;
    padding-left: 10px;
}

#ezinfolanguage .language-title {
    font-size: 13px;
    color: #6F6F6F;
    font-weight: 300;
    line-height: 19px;
    margin-bottom: 0;
}

#ezinfolanguage .language-subtitle,
.language-subtitle p{
    font-size: 15px;
    line-height: 22px;
    color: #3A3A3A;
    margin-bottom: 0;
    font-weight: 600;
}

#ezinfolanguage .language-descr,
#ezinfolanguage .language-descr p{
    font-size: 13px;
    line-height: 19px;
    color: #484848;
    font-weight: 300;
    margin: 0;
}

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

    #ezinfolanguage .language-wrapper,
    #ezinfolanguage #ezinfolanguage-open {
        top: 0px;
    }
}

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

    #ezinfolanguage .language-wrapper,
    #ezinfolanguage #ezinfolanguage-open {
        top: 0px;
    }
}