/************************ HEADER ************************/

#header{ position: fixed; z-index: 542; /*position: fixed; top: 0; left: 0; width: 100%; height: auto; display: block; margin: 0; z-index: 542; - HEADER FIXED */ } 

#ad-logo{ display: none; }
#ad-logo a{ font-weight: 400 !important; display: none; }

/*
#ad-logo{ position: absolute; margin: 0; z-index: 8900; }
#ad-logo{ top: 0.45em; left: 2.6em; }
#ad-logo a,
#ad-rede a{ height: 2em; text-decoration: none !important; }
#ad-logo a,
#ad-logo a:hover{ font-size: 0.7em; }
#ad-logo a img{ width: auto; height: 3.4em; padding: 0; margin: -0.4em 0.4em 0 0; vertical-align: middle; display: inline-block; }
*/

/******************** REDES SOCIAIS ********************/

#ad-redes-sociais{ 

    position: fixed;
    top: 0.8em;
    right: 0.6em;
    margin: 0;
    padding: 0.2em 0.2em;
    display: block;
    z-index: 997;
    border-radius: 0.2em !important;
    background-color: rgba(255,255,255,.75);
}

#ad-redes-sociais li{

    font-size: 2.6em !important;
    line-height: 1.4em !important;
    display:inline-block;
    margin-left: 0.2em;
    margin-right: 0.2em;
    margin-bottom:0;
}


#ad-redes-sociais li a,
#ad-redes-sociais li a:hover{ text-decoration: none; }

.ad-redes-linkedin,
.ad-redes-researchgate{ margin: 0; z-index: 8900; display: block; }

.ad-redes-linkedin img,
.ad-redes-researchgate img{ height: 2em !important; padding: 0; margin: 0; vertical-align: middle; display: block; }

.ad-redes-linkedin{ }
.ad-redes-researchgate{ border-radius: 0.8em; }

/********************* MENU OPENED **********************/

/* Menu structure */

#main-nav{ 

    position: fixed;
    left: 0;
    top: 0;
    width: auto;
    /* width: 100vw; */
    /* height: 2.6em; */
    margin: 0;
    padding: 0;
    display: block;
    transition: all 0.2s linear;
    z-index: 500;

}

#main-nav{ font-size: 1.5em; line-height: 1.3em; cursor: pointer; outline: none; }

/*
#main-nav{ background-color: rgba(255,255,255,.9); }
#main-nav:hover{ cursor: auto; background-color: rgba(255,255,255,1); }
*/

/*
#main-nav{ background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100% ); }
*/

#overlay-white{ display: none; }

#main-nav.active::after{ }

/* Toggle button */

.wrapper-dropdown a.btn-open,
.wrapper-dropdown.active a.btn-open,
.wrapper-dropdown a.btn-open:hover,
.wrapper-dropdown.active a.btn-open:hover,
.wrapper-dropdown a.btn-open:visited,
.wrapper-dropdown.active a.btn-open:visited,
.wrapper-dropdown a.btn-open:focus,
.wrapper-dropdown.active a.btn-open:focus{ font-family: 'Lato', sans-serif; text-align: center; text-decoration: none; color: #275377; /* background-color: #275377; */ border: none; } /* Toggle label */

.wrapper-dropdown a.btn-open span,
.wrapper-dropdown.active a.btn-open span{ display: none; } /* Hide the Menu label */

.wrapper-dropdown a.btn-open,
.wrapper-dropdown.active a.btn-open{

    position: fixed;
    left: 0em;
    top: 0em; 

    font-size: 0.5em;
    font-weight: 600;
    text-transform: uppercase;
    width: auto;
    height: auto;
    z-index:765;
    margin: 0 0 0 0.5em;
    padding: 1.2em 1.5em 1.5em 1em;
    border-radius: 0;
    display: block;
    color: #275377; 
    z-index: 765;

    /* background-color: #275377; */
    /* box-shadow: 0 3px 1px 1px rgba(0,0,0,0.25); */ 

} /* Toggle label */

.wrapper-dropdown a.btn-open::before,
.wrapper-dropdown.active a.btn-open::before{ color: #fff; } /* Toggle icon */

.wrapper-dropdown a.btn-open::before{ content: "\e909"; }
.wrapper-dropdown.active a.btn-open::before{ content: "\e908"; }

.wrapper-dropdown a.btn-open::before,
.wrapper-dropdown.active a.btn-open::before{

    font-family: 'alexduarte-icons';
    font-size: 2.2em;
    background-color: #3AB1B8;
    border-radius: 0.2em !important;
    margin: 0;
    padding: 0.3em 0.4em;
    /* line-height: 0.2em; */
    display: block;
    /* z-index: 777; */

}

/* Menu opened */

/*
#main-nav .dropdown{ margin: 0; transition: all 0.5s ease-in-out; overflow: hidden; position: fixed; bottom: 0; left: -200vw; z-index: 666; margin: 0; padding: 4em 2em 0 2em; width: auto; height: 100vh; background-color: #2e173d; text-align: left; }
*/

#main-nav .dropdown{ 

    margin: 0;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 666;
    padding: 3.8em 2em 2em 2em;
    width: 25vw;
    height: 100vh;
    /* height: 100vh; */
    text-align: left;
    opacity: 0;
    visibility: hidden;

}

#main-nav .dropdown{ cursor: auto; background-color: rgba(255,255,255,1); }

#main-nav.active .dropdown{ left: 0; cursor: default; display: block; opacity: 1; visibility: visible; } /* Menu opening */

/* Menu itens */

#main-nav .dropdown li{ font-size: 0.8vw; margin-bottom: 2em; }

#main-nav .dropdown li,
#main-nav .dropdown li a{ color: #3AB1B8; text-decoration: none; display: block; transition: all 0.3s linear; }

#main-nav .dropdown li div{

    font-family: 'Lato', "Lucida Sans Unicode", sans-serif;
    font-size: 2.1em;
    line-height: 1.5em;
    font-weight: 300;
    letter-spacing: 0;
    color: #3AB1B8;
    text-align: auto;
    margin: 0;
    padding: 0;
    width: auto;
    display: block;

}

#main-nav .dropdown li a{ color: #3AB1B8; }
#main-nav .dropdown li a:hover{ /* No hover state */ }
#main-nav .dropdown li a:hover,
#main-nav .dropdown li a:hover div{ color: #41c6ce; }

/* Copyright */

#copyright-menu{ font-size: 0.6em !important; font-weight: 400; line-height: 1.4em; color: #1b4160 !important; margin: 4em 0 0 0; width: auto; bottom: 0; padding: 0.2em; }

/******************** BUTTONS FIXED ********************/

.btn-fixed-1,
.btn-fixed-2{ display: none; } /* Disabled on mobile*/

/******************** CUSTOMIZADO ********************/

#inicio{ 

    /*
    background-image: url(images/foto_ana.png);
    background-repeat: no-repeat;
    background-size: auto 88%;
    background-position: 90% 100%;
    background-attachment: fixed;
    */
}

/* background-image: linear-gradient(180deg, #2e173d, #160223); */

#inicio .row{ padding: 6.5em 0 0 0; }

#inicio .imagem-ana{ height: 100vh; margin: 0; padding: 0; }
#inicio .imagem-ana img{ width: auto; height: 100vh; display: block; }

#inicio h1,
#inicio h1 strong{ color: #3AB1B8; }

.credito-foto{ position: absolute; rotate: -90deg; top: 30%; right: -4.4em; display: block; width: auto; height: auto; }
.credito-foto small{ color: #888888; background-color: #fff; font-size: 0.9em; line-height: 1.3em; text-align: right; margin: 0; padding: 0 0.2em; border-radius: 0.1em; }

h2 p,
h3 p,
h4 p,
h5 p,
p small{ margin-bottom: 0; }

#servicos h2{ font-size: 6.0vh; line-height: 6.4vh; margin-bottom: 1.2em; }
#conteudos h2{ margin: 0 auto 1.6em; max-width: 800px; text-align: center; }
#publicacoes h4{ margin-bottom: 0.3em; }

#servicos-educacao h3 strong,
#servicos-sustentabilidade h3 strong,
#servicos-internacionalizacao h3 strong,
#trajetoria-academica h3,
#trajetoria-academica h5 strong,
#conteudos h3 strong,
#publicacoes h5 strong,
#parcerias h5,
#contactos h4{ font-weight:400; }

#parcerias h5{ margin-top: 2.6em; }

#conteudos iframe{ width: 100%; height: 472px; /*width: 640px; height: 480px;*/ border-radius: 0.4em; }

#servicos img{ width: 100%; height: auto; border-radius: 0.5em; margin-bottom: 1em; display: block; }

.capa-livro,
.capa-apresentacao{ border-radius: 0.2em; border-left: 1px solid #6f6f6f; border-top: 1px solid #6f6f6f; border-right: 4px solid #6f6f6f; border-bottom: 4px solid #6f6f6f; }
.capa-livro{ max-width: 210px; height: auto; margin: 0 2.4em 1em 0; float: left; display: block; }
.capa-apresentacao{ max-width: 300px; height: auto; margin: 0 2.4em 1em 0; float: left; display: block; }

.imagem-esquerda{

    max-width: 200px;
    height: auto;
    border-radius: 0.2em;
    margin: 0 2.4em 1em 0;
    float: left; 
    display: block;
}

#conteudos p.publico-br,
#conteudos p.publico,
#conteudos p.observador{ display: block; padding: 0.3em 0 0 3.2em; background-size: 2.3em auto; background-position: 0.1em 0.4em; background-repeat:no-repeat; }

#conteudos p.publico-br{ background-image: url(images/conteudos/logo-publico-br.png); }
#conteudos p.publico{ background-image: url(images/conteudos/logo-publico.png);  }
#conteudos p.observador{ background-image: url(images/conteudos/logo-observador.jpeg); }


.tag-small{ font-weight: 700; color: #275377 !important; background-color: #EFD66C; display:inline-block; margin: 2.6em 0 0.4em 0; padding: 0.3em 0.8em 0.4em 0.8em; line-height: auto; border-radius: 2em; }

#btn-top{ position: absolute; bottom: 1.6em; right: 1em; z-index: 333; }
#btn-top a{ margin-right: 8px; margin-bottom: 8px; border-radius: 5px; text-decoration: none; }
#btn-top{ display: none; } /* Hide on desktop  */

#servicos-educacao{

    background-image: url(images/conteudos/servicos-educacao.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
}

#servicos-sustentabilidade{

    background-image: url(images/conteudos/servicos-sustentabilidade.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
}

#servicos-internacionalizacao{

    background-image: url(images/conteudos/servicos-internacionalizacao.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
}


#servicos-educacao .row-fullhorizontal,
#servicos-sustentabilidade .row-fullhorizontal,
#servicos-internacionalizacao .row-fullhorizontal{ width: 100%; }

.col-content-left,
.col-content-right{ border-radius: 0.8em; min-width: 280px; }

#servicos-internacionalizacao .col-12{  background-color: #275377; padding: 2em 2.6em; border-radius: 0.8em; }

/******************** LANGUAGE SELECT ********************/

#language-selector{ position: fixed; top: 1.85em; right: 8em; display: block; z-index: 765; }
#language-selector select{ width: auto; height: auto; line-height: 1.2em; padding: 0.5em 0.9em; border-radius: 0.4em !important; color: #fff; background-color: #3AB1B8; border: none; font-weight: 400; font-size: 0.9em; }