/**
 * Theme Name: Plantilla UTP - Facultades
 * Theme URI: https://www.utp.edu.co/
 * Author: Centro de Recusos Informáticos y Educativos
 * Author URI: https://www.utp.edu.co
 * Description: Tema desarrollado para las facultades de la Universidad Tecnológica de Pereira desde el centro de recusos informáticos y educativos
 * Version: 2.0.0
 * License: UTP
 * License URI: https://www.utp.edu.co
 * Text Domain: utp
 * Domain Path:
 * Tags: reacreditación, Centro, Recusos, Informáticos, Educativos, facultades, institucional, industrial, mecanica, ingenierías, ingenierias, artes, musica, música, agro, agroindustria, ciencias, ambientales, ambiental, educación, empresariales, salud, facultad, facultades, básicas, basicas, tecnología, tecnologia, agrarias
 * Text Domain: Universidad Tecnológica de Pereira
*/

/* Comienza estilos menu lateral  */
.textoMenu {
    color: white;
    display: block;
    font-weight: bold;
    margin: 0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.menuLateralRespon2 {
    animation: beat 2s;
}

@keyframes beat{
	50%{
		transform: scale(1.3);
	}
	100%{
		transform: scale(1);
	}
}

.menuLateralRespon2 {
    position: fixed;
    top: 35%;
    right: 0;
    z-index: 1000;
}
.textoMenu2{
    color: white;
    font-weight: bold;
    margin: 0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.btnMenuLateral2{
    background-color: #541814;
    width: 45px;
    border: 4px solid white;
    border-right: 0;
    border-radius: 10px 0 0 10px;
    height: 130px;
}
/* Termina estilos menu lateral  */

/* Inicio página principal */

.videoIni{
    padding: 0;
}

.videoIni iframe {
    max-width: 1082px;
    height: 100%;
    aspect-ratio: 16/9;
    width: 100%;
}

/* Fin página principal */

/* Comienza enu inferior */
ul.menu_lateral2 .accordion-item{
    border: 0;
}

ul.menu_lateral2 li > .accordion-header {
    background-color: #F2F2F2;
    font-size: 14px;
}

ul.menu_lateral2 > li {
    background-color: #F2F2F2;
    border: 0;
}
ul.menu_lateral2{
    background-color: #F2F2F2;
}

ul.menu_lateral, ul.menu_lateral2 {
    list-style: none;
    font-size: 14px;
}

ul.menu_lateral2 li> .accordion-header{
    background-color: #F2F2F2;
    font-size: 14px;
}
ul.menu_lateral li ul li > a, ul.menu_lateral2 li ul li > a {
    font-weight: normal;
    color: #212529;
}

ul.menu_lateral li > a, ul.menu_lateral2 li > a {
    font-weight: bold;
    color: #212529;
}

ul.menu_lateral2 > li > a{
    border-bottom: 3px solid #CACACA;
    display: block;
}

ul.menu_lateral > li.accordion-body > a, ul.menu_lateral2 > li.accordion-body {
    color: #212529;
    padding: 0;
}

ul.menu_lateral2 > li.accordion > a{
    border-bottom: 3px solid #CACACA;
    display: flex;
}
ul.accordion-collapse{
    list-style:none;
}

.accordion-body {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.menu_lateral2 li.accordion-item.accordion-body:hover, ul.accordion-collapse li:hover {
    background-color: transparent !important;
}

/* Termina menu inferior */

/* comienza color buscador cabecera */
.search-institucional{
    background-color:var(--institucional);
    color:var(--blanco); 
    border:0;
}
/* termina color buscador cabecera */

@media (min-width:992px) {
    ul.menu_lateral2 {
        padding: 0.5em 0 0.5em 8em;
    }
    .sidebarH{
        background-color: #F2F2F2;
    }
    ul.menu_lateral2 > li {
        margin-bottom: 20px;
    }
    ul.menu_lateral2 li > .accordion-header {
        padding: 0;
    }
}

@media (min-width:1200px) {
    ul.menu_lateral2 {
        padding: 0.5em 1em 0.5em 1em;
    }
    .infoRegistro {
        padding: 0 120px;
    }
    .videoIni{
        padding-right: 12px;
    }
}

@media (min-width:1600px) {
    .videoIni{
        padding-left: 90px;
        padding-right: 90px;
    }
}