#IntroGif {
    display: none;
    position: relative;
    min-height: 100%;
    background-image: url('//images.impresa.pt/expresso/2021-01-25-toque-para-embarcar-alan-kurdi-desktop.gif/original');
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

.wrapper{
    width:100%;
    height: 100%;
    background-color:#212529;
}

.quadradoazul{
    width:100%;
    height: calc(100vh - 56px);
    /* background-color:blue; */
    margin:auto;
}

/* ---- AJEITOS AO BOOTSTRAP ---- */

/* PARTE DA NAVBAR A ESQUERDA */
.navbar-collapse {
    flex-grow: 0!important;
}

/* BACKGROUND DA NAVBAR */
.bg-light {
    background-color: #202125!important;
}

/* TEXTO DA NAVBAR */
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(255 255 255 / 100%);
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255 / 55%);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgb(255 255 255 / 30%);
}

.navbar-brand {
    padding-top: 0!important;
}

.navbar-brand img{
    opacity: 85%;

}

.navbar-brand img:hover{
    opacity: 100%;
}

/* TOGGLE A DIREITA */
.nav-item{
    text-align: right;
}

.me-auto {
    margin-right: 20px!important;
}

/* COR DA BORDER NO BOTAO TOGGLE */

.navbar-dark .navbar-toggler {
    border-color: rgba(255,255,255,0); 
}

/* BOX-SHADOW NO BOTAO TOGGLE */
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0rem;
}

.dropdown{
    display: none;
}

@media (max-width: 991px) { 
   .dropdown {display: block;}
}


.dropdown {list-style: none; background: #00000000; padding: 10px;border-color:#00000000; float:left;}
.dropdown .nav-link {color:#fff; text-decoration: none;border-color:#00000000;}
.dropdown .dropdown-menu a{color: rgba(255, 255, 255, 0.700); text-decoration: none;border-color:#00000000;}
.dropdown .btn {background: #00000000; color:#fff; opacity:0.5; border-color:#00000000;}
.dropdown .btn:hover {background: #00000000; color:#fff; opacity:0.7;border-color:#00000000;}
.dropdown .btn:active {background: #00000000; color:#fff; opacity:1;border-color:#00000000;}
.dropdown .btn:focus {background: #00000000; color:#fff; opacity:1;border-color:#00000000;}
.dropdown-menu .dropdown-item {display: inline-block; width: 100%; padding: 10px 5px;border-color:#00000000;}
.container .dropdown .dropdown-menu a:hover
{
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-primary, .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle,
.btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle {
    color: rgba(255, 255, 255, 0.700);
    background-color: #00000000;
    border-color: #00000000;
}

.nav-link.disabled {
    color: #8c8b88;
}

@media screen and (max-width: 600px){
    .nav-link.disabled {
        display: none;
    }

    #slideshowslick {
        padding-top: 15px;
    }

    #butaocreditos {
        margin-top: 15px!important;
    }
}

.btn-primary,
#navlinktitulo{
    float:left;
    /* margin-right: 10px; */
    margin-top: 5px;
    border-left: 1px solid  rgba(255, 255, 255, 0.200);
    padding-left: 18px;
    border-radius: .15rem;
    font-family: 'blacker_pro_displayheavy';
    color: #8c8b88;
}

@media screen and (max-width: 600px){
    .btn-primary,
    #navlinktitulo{
    font-size:1em;
    margin-top: 7px;    
}}

@media screen and (max-width: 425px){
    .btn-primary{
        padding-left: 14px;
        font-size: 0.8em;
        margin-top: 9px;   
}
    #navlinktitulo{
        padding-left: 14px;
        font-size: 0.7em;
        margin-top: 9px;   
}}

@media screen and (max-width: 400px){
    .btn-primary,
    #navlinktitulo{
        padding-left: 14px;
        font-size: 0.7em;
        margin-top: 9px;   
}}

@media screen and (max-width: 508px){
    #navlinktitulo{
        display: none;   
}}

@media screen and (max-width: 600px){
    #butaocreditos{
    margin-top: 14px;
}}

.btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background-color:#00000000;
    border-color:#00000000;
    border-left: 1px solid  rgba(255, 255, 255, 0.200);
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.005);
}

#butaocreditos{
    display: none;
    float:left;
    margin-top: 10px;
    /* margin-right: -20px; */
}

@media (max-width: 991px) { 
    #butaocreditos {display: block;}
}

.dropdown-menu {
    text-align: center;
    min-width: 3.8rem;
    width: 3.8rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    list-style: none;
    background-color:#212529;
    background-clip: padding-box;
    border: 1px solid rgb(33 37 41);;
    border-radius: .25rem;
}

.slick-dots li button:before {
    font-size: 26px;
    content: '▬';   
    color:white;  
}

.slick-dots li button:active, .slick-dots li button:focus {
    color:white; 
}

.modal-content {
    background-color: #111315f2;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    color: white;
}

.modal-title{
    font-family: 'blacker_pro_displayheavy';
}

.modal-body{
    font-family: 'blacker_pro_textbook';
}

.modal_pre{
    opacity: 0.6;
}

#vejamais1{
    display: block;
}

@media (max-width: 992px) { 
    #vejamais1{display: none;}
}

#vejamais2,#blank1{
    display: none;
}

@media (max-width: 992px) { 
    #vejamais2,#blank1{display: block;}
}