html{
    overflow-x: hidden;
}

@font-face {
  font-family: Trajan Pro;
  src: url(../fonts/TrajanPro-Regular.ttf);
}

@font-face {
  font-family: Calisto MT;
  src: url(../fonts/calisto-mt.ttf);
}

@font-face {
  font-family: Calisto MT negrita;
  src: url(../fonts/calisto-mt-bold.ttf);
}

.sppb-addon-text-block,p,.sppb-addon-image-layout-caption,#ofrendamodalLabel,.form-control,.sppb-form-control,.btn,.sppb-btn,.sppb-panel-title,.sppb-blocknumber,.sppb-articles-carousel-link{
    font-family: 'Calisto MT', sans-serif;
}

.titulosInicio .sppb-image-layout-title{
    font-family: 'Calisto MT negrita', sans-serif;
}




#nav1 {
    padding: 0;
    background-color: rgb(35, 123, 255);
}

#navegador {
    background-color: rgb(35, 123, 255);
    border-collapse: collapse;
}

.item-navegador {
    border: solid 2px rgb(26, 92, 191);
    flex: 1 1 auto;
    padding:8px;
}

.item-navegador:hover {
    background-color: rgb(97, 147, 221);
}



#navegador a {
    font-family: 'Trajan Pro', sans-serif;
    color: white;
    text-decoration: none;
}

#navegador a:hover {
    color: white;
}

#titulo {
    display: flex;
}


#row-titulo {
    flex: 1 1 auto;
    justify-content: space-evenly;
    padding-top: 25px;
}


#titulo img {
    height: 150px;
    width: 160px;
	margin-top: -20px;
}


#col-titulo {
  height: 100%;
}

#col-titulo-texto h1{
    font-family: 'Trajan Pro', sans-serif;
    font-size: 7.5vw;
}

#col-titulo-texto a{
    text-decoration: none;
    color: #000;
}

/*
#col-titulo-redes {
    border: solid 2px black;
    padding: 0;
}
*/

.redesSociales{
    display: flex;
    align-items: center;
    justify-content: center;
  
  }

.redesSociales a{
    text-decoration: none;
    color: black;
}

.redesSociales i{
    margin: 5px;
    font-size: 25px;
}

#nav2 {
    padding: 0;
    background-color: rgb(60, 60, 60);
    margin-bottom: 10px;
}

#navegador2 {
    background-color: rgb(60, 60, 60);
    border-collapse: collapse;
}

#navegador2-toggler {
    background-color: rgb(60, 60, 60);
}

#navegador2 a {
    font-family: 'Trajan Pro', sans-serif;
    color: #fff;
    text-decoration: none;
}

#navegador2 span {
    font-family: 'Trajan Pro', sans-serif;
    color: #fff;
}


#navegador2 li:hover {
    background-color: #237bff;
    color: #fff;
    border: 0.5px solid #237bff;
}
#navegador2 li:hover a , #navegador2 li:hover span{
    color: #fff;
}

#navegador2 .customSubMenuHolder{
      cursor: pointer
}

#navegador2 .customSubMenuHolder::after {
  font-family: "Font Awesome 6 Free";
  content: "\f078"; 
  font-size: 12px;
  font-weight: 900;
  margin-left: 5px;
  color: #fff;
  transform: rotate(180deg);
}


#navegador2 .customSubMenuHolder:hover > .customSubMenu {
  visibility: visible;
  opacity: 1;
}

#navegador2 .customSubMenu {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.8s ease, visibility 0.8s ease;
  margin-top: 9px;
  margin-left: -9px;
  box-shadow: 2px 8px 12px rgba(0,0,0,0.5);
  position: absolute;
  width: 30%;
  left: auto;
  background: #fff;
  z-index: 200000000;
}

#navegador2 .customSubMenu li{
    border: 1px solid rgba(197, 197, 197, 0.5);
    text-align: left;
}

#navegador2 .customSubMenu li a{
    color: #000;
}

#navegador2 .customSubMenu li span{
    color: #000;
}

#navegador2 .customSubMenu li:hover a, #navegador2 .customSubMenu li:hover span{
    color: #fff;
}


#navegador2 .customSubMenu .customSubMenuHolder::after {
    color: #000;
}


#navegador2 .customSubMenu  ul{
    width: 70%;
}

#navegador2 .customSubMenu  ul a, #navegador2 .customSubMenu  ul span{
    color: #000 !important;
}

#navegador2 .customSubMenu  ul li:hover a, #navegador2 .customSubMenu  ul li:hover span{
    color: #fff !important;
}


.navbar-collapse {
    flex-grow: 0;
    width: 100%;
}

.navbar-nav {
    width: 100%;
    justify-content: space-evenly;
}

.item-navegador-2 {
    border: solid 1px white;
    flex: 1 1 auto;
    padding: 8px;
}

#carouselExampleCaptions {
    border: solid 2px rgb(35, 123, 255);
}

#text{
    background-color: rgb(192, 255, 234);
}

#text a {
    text-decoration: none;
    color: black;
}

#text a:hover {
    color: green;
    text-decoration: none;
}

#imagenes {
    margin-top: 20px;
}

#imagenes img{
    width: 100%;
}

#formacion {
    background-color: rgb(192, 255, 234);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#formacion a {
    text-decoration: none;
    color: black;
}

#formacion a:hover {
    color: green;
    text-decoration: none;
}

#nav3 {
    padding: 0px;
}

#navegador3 {
    background-color: rgb(35, 123, 255);
    border-collapse: collapse;
}

#navegador3 a {
    font-family: 'Trajan Pro', sans-serif;
    color: black;
    text-decoration: none;
}

#navegador3 a:hover {
    color: black;
}

#imagenes2  {
    margin-bottom: 20px;
}

#imagenes2 img {
    width: 100%;
}

#navegador-toggler1 {
    background-color: white;
}

#navegador-toggler2{
    margin-left: auto;
    background-color: #fff;
}

#navegador2-toggler {
    background-color: rgb(60, 60, 60);
}

#offcanvasNavbar {
    background-color: rgb(35, 123, 255);
    color: white;
}

#offcanvasNavbar a:hover {
    color: black;
}

#carouselExampleCaptions {
    margin-top: 10px;
}

/* ESTILO PARA LA COLUMNA FORMACIÓN DEL ESTUDIANTE */
.columnaFormacionInicio{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

/*ESTILO PARA COLUMNA INICIAL SLIDER NOTICIAS*/
.sliderArticulosInicio  .sppb-addon-articles-carousel{
display: flex;
justify-content: center;
}

.sliderArticulosInicio .bx-wrapper{
    max-width: 100% !important;
}

.modal-backdrop{
--bs-backdrop-zindex: none !important;
}


#velaContenedor {
  position: relative;
  width: 100%;
  height: 400px;
}

/*VELAS CRISTO*/
#velaApagadaCristo,
#velaEncendidaCristo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 2s ease, visibility 2s ease;
}

#velaEncendidaCristo {
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}

#velaEncendidaCristo.activo {
  opacity: 1;
  visibility: visible;
}

#velaApagadaCristo {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

#velaApagadaCristo.oculta {
  opacity: 0;
  visibility: hidden;
}


/*VELAS VIRGEN*/


#velaApagadaVirgen,
#velaEncendidaVirgen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 2s ease, visibility 2s ease;
}

#velaEncendidaVirgen {
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}

#velaEncendidaVirgen.activo {
  opacity: 1;
  visibility: visible;
}

#velaApagadaVirgen {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

#velaApagadaVirgen.oculta {
  opacity: 0;
  visibility: hidden;
}

/*Galería Retranquep*/
#sppb-addon-52e46e32-8a23-46f0-adc5-0688720d1358{
    padding-top: 0px !important;
}