nav.mobile{background-color:#02574d;padding:.75rem;top:0;width:100%;z-index:10;position:fixed}nav.mobile .top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}nav.mobile .top .logo{height:2.75rem;width:2.75rem}nav.mobile .top span{color:#fff;font-size:1.5rem;cursor:pointer}nav.mobile .top span:hover{color:#fa9600}nav.mobile .list{display:none;position:fixed;width:100%;background-color:rgba(0,0,0,.968627451);left:0;height:100%;color:#fff}nav.mobile .list .col-md-12{display:flex;flex-direction:column;padding:2rem 0;gap:1rem;text-align:center}nav.mobile .list .col-md-12 a{text-decoration:none;color:#fff;font-size:1.5rem;cursor:pointer}nav.mobile .list .col-md-12 a:hover{color:#fa9600}nav.mobile .list .col-md-12 .socials{display:flex;gap:1rem;justify-content:center}nav.mobile .list .col-md-12 .middle{display:flex;flex-direction:column}nav.mobile .list .col-md-12 .middle li{list-style:none}nav.mobile .list .col-md-12 .bottom{display:flex;justify-content:center;flex-direction:column;gap:1rem;align-items:center}nav.mobile .list .col-md-12 .bottom *{width:fit-content}nav.mobile .list .col-md-12 .bottom button.become-redactor{border:2px solid #fff;background-color:#02574d;color:#fff;padding:.25rem .5rem;cursor:pointer}nav.mobile .list .col-md-12 .bottom button.become-redactor:hover{color:#fa9600;border-color:#fa9600}nav.mobile .list .col-md-12 .bottom button.login{background-color:rgba(0,0,0,0);border:none;color:#fff;cursor:pointer;font-size:1.25rem}nav.mobile .list .col-md-12 .bottom button.login:hover{color:#fa9600}nav.mobile .list .col-md-12 .bottom .language-selector{position:relative;padding:0 .5rem}nav.mobile .list .col-md-12 .bottom .language-selector button{text-transform:uppercase;background-color:rgba(0,0,0,0);border:none;color:#fff;cursor:pointer}nav.mobile .list .col-md-12 .bottom .language-selector button:hover{color:#fa9600}nav.mobile .list .col-md-12 .bottom .language-selector ul{display:none;flex-direction:column;width:fit-content;margin:auto}nav.mobile .list .col-md-12 .bottom .language-selector ul.active{display:flex}nav.mobile .list .col-md-12 .bottom .language-selector ul li{list-style:none;cursor:pointer;top:0;padding:.25rem 0;text-transform:uppercase}nav.mobile .list .col-md-12 .bottom .language-selector ul li:hover{color:#fa9600}nav.mobile .list .col-md-12 .bottom .language-selector ul li a{font-size:1rem}