/*Estilos del footer*/
.footer-container{
    background-color: #00365F !important;
}

.footer-container h6{
    font-size: 1.5rem;
    color: #fff;
}

.logo-container{
    padding-top: 1rem;
    text-align: center;
}

.footer-container h4{
    color: #fff;
}

.footer-info a{
    color: #fff;
}

.social-config h2{
    color: #fff;
    font-weight: bold;
    margin-bottom: 2rem;
}

.footer-icon{
    width: 2rem;
    margin-right: 5px;
}

.socials{
    margin-top: 3rem;
}

.social-icons{
    display: flex;
    margin-top: 2rem;
    gap: .5rem;
}

.social-icons svg{ width: 2rem; }

.socials .footer-icon{
    width: 3rem;
    transition: ease-in-out 1s;
}

.socials .footer-icon:hover{
    transform: scale(.8);
}

.ojs-logo img{
    width: 50%;
    filter: invert(100%);
    margin-top: 2rem;
}

.footer-details{
    text-align: center;
    padding: 1rem;
    margin-top: 2rem;
    background-color: #fff;
}

.footer-details h6{
    color: #00365F;
    margin-bottom: 1.5rem;
}

.footer-details a{
    text-decoration: none;
    color: #A5843B;
    padding: 5px;
}

.footer-details a:hover{
    border-bottom: solid 1px #00365F;
}

/* Estilos del side bar*/
.sidebar-container{
    background-color: #00365F;
    padding-top: 2rem;

}

.sidebar-container,
.footer-info {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3.2rem;
}

.content{
    display: flex;
    justify-content: center;
}

.footer-info{ gap: 22rem;}

.sidebar-container{ align-items: baseline;}

.license-container{
    padding: 1rem;
    color: #fff;
}

.license-container p{
    width: 15rem;
    margin-top: 0.5rem;
}

.sidebar-container .pkp_block ul li{
    background-color: #00365F;
    border: none;
    padding: 0px;
    margin-bottom: 1px;
}

.sidebar-container .title{
    background-color: #00365F;
    color: #fff;
    font-size: 1.5rem;
    border: none;
    font-weight: bold;
    margin-bottom: -1rem;
    text-transform: uppercase;
}

.sidebar-container .btn-default, .pkp_block.block_make_submission a{
    background-color: #A5843B;
    border: none;
    text-transform: uppercase;
}


.sidebar-container .pkp_block{
    background-color: #00365F;
}

.sidebar-container a{
    color: #ABB5D8;
}

.sidebar-container h1{
    color: #ABB5D8;
}

.sidebar-container div{
    border: none;
}

.sidebar-container .block_keyword_cloud{
    margin-top: 13rem;
}

.panel-footer-copyright{
    background-color: #00365F;
    margin-top: 2rem;
    border: 0px;
    padding: 0px;
}

.neuropolis-uc-container{display: flex;}


/*Diseño responsive*/

@media screen and (width <= 420px){
    .footer-info,
    .sidebar-container{
        padding: 2rem;
    }

    .neuropolis-uc-container{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (width <= 1199px){
    .sidebar-container{
        gap: 0rem;
    }

    .footer-info{ gap: 10rem;}
}

@media screen and (width <= 992px){
    .footer-info,
    .sidebar-container,
    .social-icons{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 2rem;
    }

    .sidebar-container{padding-top: 3rem;}

    .social-icons{
        flex-direction: row;
        gap: .2rem;
    }

    .sidebar-container .block_keyword_cloud{
        margin-top: 0rem;
    }
}