/*
A hover-effects.css az MComp Software tulajdona, mely nyilt forráskódú,
bárki szabadon felhasználhatja, illetve módosíthatja.
A hover-effect.css fájl folyamatos fejlesztés alatt áll, 
ezért a frissítésekért az alábbi elérhetőségek valamelyikén lehet érdeklődni:
Email: info@mcomp.hu
Telefon: +36 70 431 2840
*/
/* 
    Created on : 2019.11.23., 11:23:59
    Author     : Creatus
*/
@media (min-width: 768px) {
    .home-menu:after {    
        background: none repeat scroll 0 0 transparent !important;
        bottom: 8px;
        content: "" !important;
        display: block !important;
        height: 1px !important;
        left: 0 !important;
        position: relative !important;
        background: limegreen !important;
        transition: width 0.3s ease 0s, left 0.3s ease 0s !important;
        width: 0 !important;
    }
    .home-menu:hover:after { 
        width: 100% !important; 
        left: 0 !important; 
        text-shadow: 0 0 4px rgb(240, 240, 240);
    }
    .other-menu:after {    
        background: none repeat scroll 0 0 transparent !important;
        bottom: 8px;
        content: "" !important;
        display: block !important;
        height: 1px !important;
        left: 0 !important;
        position: relative !important;
        background: #fff !important;
        transition: width 0.3s ease 0s, left 0.3s ease 0s !important;
        width: 0 !important;
    }
    .other-menu:hover:after { 
        width: 100% !important; 
        left: 0 !important; 
        text-shadow: 0 0 4px rgb(240, 240, 240);
    }
    .d-down-menu:after {    
        background: none repeat scroll 0 0 transparent !important;
        top: 3px;
        content: "" !important;
        display: block !important;
        height: 1px !important;
        left: 0 !important;
        position: relative !important;
        background: rgb(0, 153, 153) !important;
        transition: width 0.3s ease 0s, left 0.3s ease 0s !important;
        width: 0 !important;
    }
    .d-down-menu:before {    
        background: none repeat scroll 0 0 transparent !important;
        top: 0;
        content: "" !important;
        display: block !important;
        height: 1px !important;
        left: 0 !important;
        position: relative !important;
        background: rgb(0, 153, 153) !important;
        transition: width 0.3s ease 0s, left 0.3s ease 0s !important;
        width: 0 !important;
    }
    .d-down-menu:hover:after, .d-down-menu:hover:before { 
        width: 100% !important; 
        left: 0 !important; 
        text-shadow: 0 0 4px rgb(251, 251, 251);
    }
}
@media (max-width: 767px) {
    .home-link:before {
        content: "" !important;
        position: absolute !important;
        width: 100% !important;
        height: 1px !important;
        bottom: 5px !important;
        left: 0;
        background-color: limegreen !important;
        visibility: hidden !important;
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        -webkit-transition: all 0.3s ease-in-out 0s !important;
        transition: all 0.3s ease-in-out 0s !important;
    }
    .home-link:hover:before {
        visibility: visible !important;
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
    }
    .all-menu:before {
        content: "" !important;
        position: absolute !important;
        width: 100% !important;
        height: 1px !important;
        bottom: 5px !important;
        left: 0 !important;
        background-color: #fff !important;
        visibility: hidden !important;
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        -webkit-transition: all 0.3s ease-in-out 0s !important;
        transition: all 0.3s ease-in-out 0s !important;
    }
    .all-menu:hover:before {
        visibility: visible !important;
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
    }
    .about-menu:before{
        content: "" !important;
        position: absolute !important;
        width: auto !important;
        height: 1px !important;
        bottom: 4px !important;
        left: 14px !important;
        right: 14px !important;
        background-color: rgb(255, 51, 51) !important;
        visibility: hidden !important;
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        -webkit-transition: all 0.3s ease-in-out 0s !important;
        transition: all 0.3s ease-in-out 0s !important;
    }
    .about-menu:after{
        content: "" !important;
        position: absolute !important;
        width: auto !important;
        height: 1px !important;
        bottom: 32px !important;
        left: 15px !important;
        right: 15px !important;
        background-color: rgb(255, 51, 51) !important;
        visibility: hidden !important;
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        -webkit-transition: all 0.3s ease-in-out 0s !important;
        transition: all 0.3s ease-in-out 0s !important;
    }
    .about-menu:hover:before, .about-menu:hover:after {
        visibility: visible !important;
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
    }
}