/*
Theme Name: Departamento de Arte y Diseño
Author: Dirección de Comunicación Institucional (DCI)
Author URI: http://dci.pucp.edu.pe/
Description: Agrupamos a los profesores que, a través de la investigación y la formación de profesionales del arte y diseño, buscan contribuir con el desarrollo cultural, social y responsable del país.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/




/********************* FOOTER *************************/


/*FOOTER*/

.footer {
    padding-top: 1.5rem;
    padding-bottom: 1.75rem;
    font-family: 'Roboto', sans-serif;
    color:#fff;
}

footer {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

footer a:hover{
    opacity:.8;
}

.footer-wrapper {
    background: #62285f;
}

.footer-wrapper .redes>.row{
    padding: 0 .5rem;
}

.footer-wrapper .redes>.row>.col {
    padding: .5rem;
    margin: 0;
    max-width: 60px;

}


.footer-wrapper .redes a{
    height:40px;
    width:40px;
    border-radius: 50%;
    background-color: #fff;
    background-size: 30px;
    display: inline-block;
}

.footer-wrapper .redes a svg {
    width: 100%;

    padding: 16%;
}

.footer-wrapper h3, .footer-wrapper h3 a {
    font-family: 'Nunito Sans', sans-serif;
    margin-bottom: 1rem;
    text-decoration: none;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.footer-wrapper p {
    font-family: 'Roboto', sans-serif;
    font-size: .92rem;
    color:#ffffff;
    /*opacity: .85;*/
}
.footer-wrapper p a{
    color:#ccaac9;
}

.footer-wrapper .btn-footer {
    border-top: 1px #ffffff42 solid;
    border-bottom: 1px #ffffff42 solid;
    padding: .5rem .15rem;
}

.footer-wrapper .btn-footer.bb {
    border-bottom: 1px #ffffff42 solid;
}


.footer-wrapper .btn-footer a {
    display: inline-flex;
    text-decoration: none;
    opacity: 0.8;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    /*line-height: normal;*/
    letter-spacing: normal;
    color: #ccaac9;
    vertical-align: middle;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.footer-wrapper .btn-footer a:hover{
    color: #fff;
}

.footer-wrapper .btn-footer ion-icon{
    font-size:1.4rem;
    margin-right:.75rem;
    display: block;
    color:#0c1d45;
    color: #dce2e6;
    opacity: 0.6;   -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.footer-wrapper .btn-footer:hover ion-icon{
    opacity: 1;
}

.footer-wrapper ul {
    list-style: none;
    padding-left: 0;
    /*! padding-top: 1rem; */
}

.footer-wrapper li {
    padding-left: 1.5rem;
    margin-bottom: .5rem;
}

.footer-wrapper li a {
    position: relative;
    opacity: 0.8;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ccaac9;
}

.footer-wrapper li::before {
    content: "•";
    color: #ffffff;
    position: absolute;
    left: 1rem;
}

.footer-wrapper li a:hover {
    opacity: .65;
    text-decoration: none;
}

.dark-footer {
    background-color: #fff;
    /*padding-top: .65rem;*/
    /*padding-bottom: 1rem;*/
    font-size: .95rem;
    line-height: 1.4;
    color: #2f303286;
    font-family: roboto;
    font-weight: 400;
    margin-top: 0;
    
}

.dark-footer a {
    text-transform: uppercase;
    text-decoration: underline;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #712f6d;
}
.textito-foot{
    padding: 20px 0;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #333333;
}
.dark-footer .redes .fb,
.dark-footer .redes .tw{
    max-width: 48px;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 0;
}
.dark-footer .redes a path{
    fill:#6a2362;
}
.dark-footer .redes a:hover{
    opacity: 1;
}
.dark-footer .redes a:hover path{
    fill:#501e4a;
}

#click-footer1, #click-footer2, #click-footer3 {
    position: relative;
}


.click-footer ion-icon {
    font-size: 1rem;
    transition: all ease-in .3s;
}

.click-footer.open ion-icon {
    
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.enlaces-interes ul li {

    margin: .5rem 0;
    padding-left: .5rem;
    line-height: 1.65;

}



/*-------------- MEDIA QUERIES------------------------------------*/

@media all and (transform-3d), (-webkit-transform-3d) {}

@media (min-width: 496px) {}

/*--------------Small devices (landscape phones, 576px and up)------*/

@media (min-width: 576px) {}

/*--------------Medium devices (tablets, 768px and up)--------------*/

@media (min-width: 768px) {}

/*----------------Large devices (desktops, 992px and up)-------------*/

@media (min-width: 992px) {

    
    .footer-wrapper h3, .footer-wrapper a h3, .footer-wrapper h3 a {
        /*font-size: 1.25rem;*/
    }

    #collapse-footer1, #collapse-footer2, #collapse-footer3 {
        display: block !important;
    }
    #click-footer1:after, #click-footer2:after, #click-footer3:after {
        display: none;
    }
}

/*--------------Extra large devices (large desktops, 1200px and up)--*/

@media (min-width: 1200px) {
}

/*--------------Extra large devices (large desktops, 1600px and up)---*/

@media (min-width: 1600px) {}

/*------------- XXXXlarge devices (large desktops, 1600px and up)------*/

@media (min-width: 1900px) {}