/*
Theme Name:     Thalú theme
Theme URI:      http://www.thalu.net/
Description:    child theme theme from spine
Author:         Thalu 
Author URI:     http://www.thalu.net/
Version:        1.0.0
*/

@import 'fonts/fontstyle.css';
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');
#thalu {
   background: #4c4d4f;
   width: 100%;
   height: 36px;
   margin-top: 27px;
}

#thalu #desarrollo {
   color: #fff;
   float: right;
   margin-right: 5px;
   line-height: 3.3;
   font-size: 12px;
   padding: 2px 0px;
}

#thalu #logo {
   background-image: url(images/thalu_foot.png);
   float: right;
   margin-right: 20px;
   height: 40px;
   width: 70px;
}

html {
   font-size: 12px;
}

body {
   font-size: 12px;
   font-family: 'Bree Serif', serif;
}

.cuerpo-main {
   float: right;
   width: calc(100% - 19.33em);
   overflow-x: hidden;
}

.cuerpo-main .container p {
   font-size: 1.2em;
}

.cuerpo-main .container footer p {
   font-size: 1.1em;
}

.no-padding {
   padding-left: 0px;
   padding-right: 0px;
}

img.aligncenter {
   margin: auto;
   display: block;
}

blockquote {
   text-align: center;
   font-style: italic;
   color: rgba(0, 0, 0, .5);
}

div.wp-caption {
   margin-bottom: 2em;
}

div.wp-caption, div.wp-caption img {
   width: 100%;
   max-width: 100%;
   height: auto;
}

.container p.wp-caption-text {
   background: rgba(0, 0, 0, 0.8);
   color: #fff;
   padding: .5em;
   font-size: .8em
}

.container img {
   max-width: 100%;
   height: auto;
}

footer a p:hover {
   text-decoration: underline;
}

.navbar-brand {
   display: block;
   padding-top: 0.3125rem;
   padding-bottom: 3em;
   margin-right: 0rem;
   font-size: 1rem;
   line-height: inherit;
   white-space: normal;
   text-align: center;
}

.navbar-brand span {
   font-size: 1.25rem;
}

.navbar-dark .navbar-brand {
   color: #000;
}

.bg-primary {
   background-color: #f0f0f0!important;
}

.navbar-dark .navbar-nav .nav-link {
   color: #000;
   font-size: 1.33em;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .current-menu-item .nav-link {
   color: #882436;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
   color: #000;
}

div#redes-sociales {
   position: absolute;
   bottom: 3em;
   width: 100%;
   background: #882436;
   left: 0;
   display: flex;
   justify-content: center;
   font-size: 12px;
}

#redes-sociales-mobile {
   display: none;
}

/*SECCION SLIDER*/

#slider-home {
   height: auto;
}

/****************** TEXTOS DESTACADOS***************/

#texto-destacado {
   height: 8.333em;
   background-color: #C38B2E;
   color: white;
   display: flex;
   align-items: center;
   /*background-image: url("images/fondo-frase.png");*/
}

.fondo-titulo-oracion {
   background-image: url("images/monja.png");
   background-repeat: no-repeat;
   background-size: 524px;
   background-position: left;
}

#texto-destacado h2 {
   font-size: 2.917rem;
   font-family: 'Ropa Sans', sans-serif;
   font-weight: 400;
   text-align: center;
   margin-bottom: 0;
}

/**************** TIMELINE*****************/

#titulo-timeline {
   height: auto;
   margin-top: 1.75em;
   margin-bottom: 0;
   display: flex;
   text-align: center;
}

#interna-beatificacion #timeline .titulo {
   padding-top: 0;
}

.titulo-blur:after {
   font-size: 5em;
   color: #882436;
   content: "Elmina y la historia de la congregación";
   opacity: 0.2;
}

.titulo-blur:before {
   color: #882436;
   content: "Elmina y la historia de la congregación";
   font-size: 30px;
}

.texto-fondo {
   /*background-image: url("images/elmintex.png");*/
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 82px;
   display: flex;
   justify-content: center;
   align-items: center;
}

#titulo-timeline h2 {
   color: #882436;
   font-weight: 400;
   font-size: 2.5rem;
}

#interna-trayectoria .interna-titulo-contenedor {
   background: linear-gradient(0, #FBDC05 0%, #FDC102 100%);
}

#interna-trayectoria h1 {
   color: #882436;
   font-size: 3.25rem;
   padding-top: 3.5rem;
   opacity: 0.08;
   height: 7.333rem;
   position: relative;
   text-align: center;
}

#interna-trayectoria h5 {
   color: #882436;
   font-size: 2.5em;
   position: relative;
   bottom: 1.4em;
   text-align: center;
}

.interna-template h2 {
   width: 100%;
   text-align: left;
   margin: auto;
   font-size: 2rem;
   font-weight: 200;
   color: #C38B2E;
   margin-bottom: 0.817rem;
}

#interna-trayectoria h3 {
   color: #17100D;
   font-size: 1rem;
   margin-bottom: 2.25rem;
}

#interna-trayectoria p {
   font-size: 1rem;
   color: #17100D;
   text-overflow: ellipsis;
   overflow: hidden;
   text-overflow: " [..]";
}

#interna-trayectoria .linea {
   height: 26px;
   width: 335px;
   margin-left: calc(100% - 335px);
   margin-bottom: 40px;
   background: linear-gradient(180deg, #FDC102 0%, #FF5700 100%);
   /*background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 12%,#ffffff 100%);*/
}

#timeline {
   margin-bottom: 70px;
   border-top: 1px dashed #17100D;
}

#timeline .item {
   width: 13.33em!important;
}

#timeline .item a {
   text-align: center;
   font-size: 1.5625em;
   color: #C6C6C6;
}

#timeline .titulo {
   font-size: 2em;
}

#timeline .extracto {
   width: 17.5em;
}

#timeline .par {
   color: #882436;
   margin-top: -6.8em;
}

#interna-trayectoria .extracto p {
   height: 4.25em;
   text-align: left;
   color: #17100D;
   padding-left: 4em;
   overflow: visible;
}
#interna-trayectoria .par .extracto p {
    height: auto;
}
.button-tl img {
   height: 13.5em;
}

#timeline .impar {
   color: #C38B2E;
   /* background-image: url('images/crculoaz.svg');
   background-repeat: no-repeat;
   background-position: center;
   background-position-y: center;
   width: 50px;
   height: 151px;
   background-position-y: -114px;
*/
   margin-top: -15.7em;
   ;
   position: relative;
}

#timeline a.active .impar img {
   background-image: url("http://epg.dev1.thalu.net:82/wp-content/themes/thalu/images/crculogris.svg");
   background-repeat: no-repeat;
   width: 64px;
   height: 149px;
}

#interna-trayectoria .col-md-10 {
   overflow: hidden;
}

.linea-verde {
   border: 1px solid #C38B2E;
   position: relative;
   left: 3.8em;
}

.linea-roja {
   border: 1px solid #882436;
   position: relative;
   left: 3.8em;
}

#contenedor-linetiempo {
   transition: .3s;
}

#timeline-ventana a {
   text-align: center;
   width: 10em;
}

#timeline a.active, #timeline a.active:hover {
   color: #5F5F64;
}

#timeline a.active .punto {
   border: solid #5F5F64 2px;
   background-color: #5F5F64;
   width: 15px;
   height: 14px;
}

.punto {
   border: solid 2px;
   width: 11px;
   margin: auto;
   margin-top: -7px;
   height: 11px;
   border-radius: 100%;
   background: #fff;
   display: none;
}

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

#interna-trayectoria .trayectoria-item {
   width: 100%;
   padding: 20px;
}

#interna-trayectoria .trayectoria-item .bajada {
   font-size: 1em;
   text-align: left;
   display: flex;
   flex-direction: column;
}

#interna-trayectoria .owl-item.active.center .trayectoria-item {
   padding: 20px;
   background: #fff;
}

#interna-trayectoria .owl-item.active.center .trayectoria-item {
   padding: 0px;
   background: transparent;
}

#interna-trayectoria .owl-carousel .owl-item {
   position: relative;
}

#interna-trayectoria .owl-item.active.center {
   z-index: 10;
}

#trayectoria-home h1, #trayectoria-home .resumen {
   text-align: center;
}

#interna-trayectoria .marco {
   padding: 20px;
   transition: 1s;
}

#interna-trayectoria .owl-item.active .marco {
   margin-left: 0;
   margin-right: 13%;
   opacity: .5;
   filter: blur(1px);
   -webkit-filter: blur(1px);
}

#interna-trayectoria .owl-item.active .marco .imagen {
   height: 200px;
}

#interna-trayectoria .trayectoria-item .bajada {
   font-size: .5em;
   transition: 1s;
}

#interna-trayectoria .owl-item.active.center .marco {
   background: transparent;
   padding: 30px 30px 20px 30px;
   width: 100%;
   margin-left: 0;
   margin-right: -24%;
   opacity: 1;
   filter: blur(0);
   -webkit-filter: blur(0);
}

#interna-trayectoria .owl-item.active.center .marco .imagen {
   width: 100%;
   height: 25em;
}

#interna-trayectoria .owl-item.active.center .trayectoria-item .marco .bajada {
   margin-top: 9em;
}

#interna-trayectoria .owl-item.active.center+.owl-item.active .marco {
   margin-right: -20%;
   margin-left: 13%;
   opacity: .5;
   filter: blur(1px);
   -webkit-filter: blur(1px);
}

.owl-nav button {
   position: absolute;
   top: 50%;
}

.owl-nav button.disabled span {
   color: #ccc;
}

.owl-nav button.owl-next {
   right: 0;
}

.owl-nav button span {
   font-size: 4em;
   color: #000;
   opacity: 0.8;
}

#interna-trayectoria .carusel-fondo {
   z-index: 9999999999999999;
   position: relative;
   background: transparent;
   margin-bottom: 14em;
}

.altura-titulo {
   height: 8.667rem;
}

.fondo-gris {
   background-color: #D6D6D6;
   height: 27.833em;
   position: absolute;
   top: 93em;
   z-index: 99;
   width: 84%;
}

#interna-trayectoria {
   position: relative;
}

#interna-trayectoria .fondo-tray {
   background-color: #D6D6D6;
   height: 20em;
   position: absolute;
   top: 10em;
   width: 100%;
}

.home #interna-trayectoria .fondo-tray {
   top: 5em;
}

/*******************************************************/

.carrousel-imagen {
   height: 31.25em;
   background-size: auto 600px;
   background-position: top center;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
   display: inline-block;
   width: 40px;
   height: 40px;
   background: no-repeat 50% / 100% 100%;
   background-image: none;
   position: relative;
   top: -3em;
}

.carousel-indicators {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 15;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: center;
   justify-content: center;
   padding-left: 0;
   margin-right: -28%;
   margin-left: 53%;
   list-style: none;
}

.carousel-indicators li {
   box-sizing: content-box;
   flex: 0 1 auto;
   width: 20px;
   height: 20px;
   margin-right: 3px;
   margin-left: 3px;
   margin-bottom: 0.5em;
   text-indent: -999px;
   cursor: pointer;
   background-color: black;
   background-clip: padding-box;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   opacity: .5;
   border-radius: 50%;
}

.carousel-indicators .active {
   opacity: 1;
   background-color: white;
}

/********************ORACION*********************/

#oracion {
   background-color: #882436;
   background-repeat: no-repeat;
   background-position-x: right;
   background-size: contain;
}

#oracion h2 {
   font-size: 2.083rem;
   color: white;
   text-align: left;
   margin-top: 1rem;
   position: relative;
   z-index: 3;
   height: 100%;
}

img#epg1 {
   position: absolute;
   top: 0;
   right: 0;
   max-height: 100%;
   height: 100%;
   z-index: 2;
   max-width: unset;
}

.oracion-texto {
   font-size: 1em;
   color: #17100D;
   font-family: 'Bree Serif';
   background-color: white;
   text-align: center;
   margin-top: 3em;
   padding: 2em 2em;
   line-height: 2.2em;
   margin: 2em auto;
}

.oracion-texto p {
   margin-top: 0;
   margin-bottom: 0;
}

#oracion h3 {
   font-size: 1.25em;
   color: white;
   margin-top: 0;
   text-align: center;
   width: 100%;
}

#oracion a {
   color: #882436;
   font-size: 1.25em;
   background-color: white;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 1rem;
   margin: 1em auto;
   padding: 0.5em 1.6em 0.5em 1.6em;
   margin-bottom: 2.2em;
}

/******************FORMULARIOS*********************/

#formularios {
   text-align: center;
   padding-bottom: 6.333em;
}

#formularios .a h1 {
   color: #882436;
   font-size: 2.5rem;
}

#formularios .b h1 {
   color: #882436;
   font-size: 4.417em;
   padding-top: 3.5rem;
   opacity: 0.08;
   right: 7.75rem;
   position: relative;
}

#formularios h5 {
   color: #882436;
   font-size: 2.5em;
   position: relative;
   bottom: 1em;
}

#formularios .alt {
   padding-bottom: 1em;
}

#formularios h6 {
   color: #17100D;
   font-size: 16px;
   text-align: left;
   bottom: 1em;
   position: relative;
   text-align: center;
}

#formularios p {
   color: #17100D;
   font-size: 16px;
   text-align: left;
   bottom: 1em;
   position: relative;
   text-align: left;
}

.wpcf7 {
   margin-top: 4rem;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
   border: none;
   background-color: #882436;
   opacity: .5;
   color: white;
   padding: 1.2em 7em 1em 6em;
   text-align: center;
}

div.wpcf7-mail-sent-ok {
   border: none;
   background-color: #C38B2E;
   opacity: 0.7;
   color: white;
   padding: 1.2em 7em 1em 6em;
   text-align: center;
}

.wpcf7 form .wpcf7-response-output {
   margin: 2em 0.5em 1em;
   padding: 0.2em 1em;
   border: none;
   background-color: #882436;
   opacity: 0.5;
   color: #fff;
   padding: 0.5em 5em 0.5em 5em;
   text-align: center;
   font-size: 0.9em;
}

.wpcf7 form.sent .wpcf7-response-output {
   border-color: transparent;
   background-color: #C38B2E !important;
   opacity: 0.7 !important;
   font-size: 0.9em;
   text-align: center;
}

#formularios h2 {
   color: #C38B2E;
   font-size: 2em;
}

form.wpcf7-form {
   width: fit-content;
   margin: auto;
}

input, button, select, optgroup, textarea {
   margin: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
   border: none;
   background: none;
   color: #17100D;
   border-bottom: solid 1px #707070;
}

footer input, footer button, footer select, footer optgroup, footer textarea {
   color: #FFF !important;
   border-bottom: solid 1px #FFF;
}

footer a:hover {
   text-decoration: none;
}

label {
   display: inline-block;
   margin-bottom: 0.5rem;
   font-family: 'Bree Serif', serif;
   color: #17100D;
   font-size: 1.333rem;
}

[type="submit"]:not(:disabled) {
   background-color: #882436;
   font-size: 1rem;
   padding: 0.5em 2em;
   min-width: 8em;
   color: #fff !important;
   border: none;
}

.sitios__interes {
   margin-top: 3em;
}

textarea {
   height: 6.75em;
}

.mostrar-boton {
   display: none;
}

.mostrar-linea {
   display: none;
}

#novedades {
   text-align: center;
   padding-top: 2em;
}

#novedades .container {
   overflow: hidden;
}

#novedades .a h1 {
   color: #882436;
   font-size: 2.5em;
   padding-top: 5.5rem;
}

#novedades h1 {
   margin-bottom: 1em;
}

#novedades h5 {
   color: #882436;
   font-size: 2.5em;
   position: relative;
   bottom: 1em;
}

#novedades .texto {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.titulo-fondo4 {
   font-size: 5.5em;
   opacity: .1;
   position: absolute;
   margin-top: -21px;
}

#novedades a {
   text-decoration: none;
}

.novedad-contenido {
   position: relative;
   margin-bottom: 21px;
}

.novedad-contenidoimg {
   width: 35rem;
   height: 19.917rem;
   margin-bottom: -4px;
}

.novedad-contenido .info {
   position: absolute;
   width: 100%;
   padding: 1em;
}

.overlay {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   background: rgba(0, 0, 0, 0.2);
   color: #fff;
   opacity: 0;
   display: flex;
   flex-direction: column;
   justify-content: end;
   padding-bottom: 1em;
   text-align: left;
   transition: all 0.3s;
}

.novedad-contenido .overlay h2 {
   padding-top: 20%;
}

.novedad-contenido:hover .overlay {
   background-color: #000000;
   opacity: 0.8;
}

.novedad-contenido:hover img {
   -webkit-filter: blur(2px);
   filter: blur(2px);
}

img.novedad-home-img {
   width: 35rem;
   height: 19.917rem;
   background-size: 100%;
   max-width: 100%;
   background-position: center;
   background-repeat: no-repeat;
}

.novedad-contenido h3 {
   color: #FFFFFF;
   font-size: 1rem;
   background-color: #882436;
   text-align: center;
   position: absolute;
   top: 10px;
   padding-top: 3px;
   z-index: 99999;
   padding: 7px;
}

.leaflet-map {
   margin-top: 1.5rem;
}

.novedad-fecha {
   font-size: 1rem;
   color: #FFFFFF;
   margin-left: 1.25rem;
}

.novedad-titulo {
   font-size: 18px;
   color: #882436;
   margin-left: 1.25rem;
}

.novedad-texto {
   font-size: 1rem;
   color: #17100D;
}

footer {
   height: auto;
   background-color: #58585D;
   margin-top: 2em;
   padding-top: 42px;
}

footer .columna-footer {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
}

.cuerpo-main footer .container p {
   font-size: 1rem;
   color: #FFFFFF;
   /*margin-top: 1.558em;*/
}

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

.logo-footer img {
   width: 80%;
}

#logo-m {
   display: none;
}

/******************* INTERNAS *************************/

.single-interna .titulo {
   display: flex;
   align-items: center;
   justify-content: center;
   padding-top: 3em;
}

.single-interna .titulo h1, .titulo-fondo {
   display: flex;
   justify-content: center;
   color: #882436;
   font-size: 3em;
}

h1 {
   color: #882436;
}

.single-interna .titulo-fondo {
   font-size: 4em;
   opacity: .1;
   position: absolute;
   margin-top: 0px;
}

.titulo-fondo {
   font-size: 3.5em;
   opacity: .1;
   position: absolute;
   margin-top: -5px;
   line-height: 1em;
}

.col-md-6 .titulo-fondo {
   font-size: 2.8em;
}

.single-interna .subtitulo {
   color: white;
   display: flex;
   align-items: center;
   background-color: #C38B2E;
   padding: 2em;
   margin-top: 3em;
   margin-bottom: 4em;
}

.single-interna .subtitulo h2 {
   text-align: center;
   width: 100%;
   color: #fff;
}

/****************** TESTIMONIOS *************************/

.testimonio {
   background-color: #EEF2F9;
   border: 1px solid #707070;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 1em;
}

.testimonio p {
   font-size: 1.3em;
   color: #17100D;
   text-align: center;
}

.testimonio h2, .testimonio h3 {
   font-size: 1.3em;
   color: #D82F45;
   text-align: center;
   margin-bottom: 5px;
}

.testimonio h3 {
   font-size: 1.1em;
   margin-bottom: 15px
}

.testimonio a {
   text-decoration: none;
   font-size: 1.5em;
   color: #fff;
   background-color: #D82F45;
   padding: 4px 34px 4px 34px;
   margin-bottom: 12px;
   margin-top: 12px;
}

.testimonio-caja {
   background: #EEF2F9 0% 0% no-repeat padding-box;
   border: 1px solid #707070;
   padding: 2em;
   margin-bottom: 2em;
}

.testimonio-caja .titulo {
   display: block;
}

.testimonio-caja h1, .testimonio-caja h2 {
   font-size: 1.2em;
   text-align: center;
   display: block;
   color: #882436;
}

.testimonio-caja h2 {
   font-size: 1em;
}

.mas-testimonios h1 {
   text-align: center;
   margin-bottom: 1em;
}

#single-novedad {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

#single-novedad div.imagen img {
   margin: auto;
   display: block;
}

.redes-novedad {
   display: flex;
   justify-content: end;
}

.redes-novedad i {
   color: #882436;
   font-size: 20px;
}

#contacto {
   background-color: #882436;
   padding-top: 17px;
   padding-bottom: 40px;
}

#contacto h1 {
   font-size: 1.3em;
}

#contacto p {
   font-size: 1.3em;
   color: #757479;
}

.contacto-interna {
   background-color: #FFFFFF;
}

.contact {
   margin-bottom: 0 !important;
}

#contacto label {
   color: #757479;
}

#contacto .mapa {
   margin: 2em 0;
}

.enviar-contacto {
   display: flex;
   justify-content: end;
}

.titulo-mobile {
   font-size: 5rem !important;
}

.navbar.fixed-left .navbar-nav .nav-item .dropdown-toggle:after {
   display: none;
}

.current-menu-item .dropdown-menu, .current-menu-ancestor .dropdown-menu, .single-novedad #menu-item-52 .dropdown-menu {
   display: flex;
   flex-direction: column;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
   position: relative;
   top: 0em;
}

.dropdown-menu {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 10rem;
   padding: unset;
   margin: unset;
   font-size: 1rem;
   color: #ffffff;
   text-align: left;
   list-style: none;
   background-color: #882436ff;
   background-clip: unset;
   border: unset;
   border-radius: unset;
   margin-left: -1em;
   margin-right: -1em;
}

.dropdown-item {
   display: block;
   width: 100%;
   padding: 0.25rem 1.5rem;
   clear: both;
   font-weight: 400;
   color: #fff;
   text-align: inherit;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
   margin: 0.3em;
}

.dropdown-item:hover, .dropdown-item:focus {
   color: unset;
   text-decoration: none;
   background-color: unset;
}

.breadcrumbs {
   margin-bottom: 2em;
}

.breadcrumbs a {
   color: unset;
}

/*MEDIA QUERIES*/

@media (min-width: 1400px) {
   html {
      font-size: 16px;
   }
   body {
      font-size: 16px;
   }
   .container {
      width: 1100px!important;
      max-width: 1100px!important;
   }
   #interna-trayectoria .carusel-fondo {
      margin-bottom: 15em;
   }
   #formularios .a h1 {
      font-size: 2.2rem;
   }
   .col-md-6 .titulo-fondo {
      font-size: 2.7em;
   }
}

@media (min-width: 768px) and (max-width: 1400px) {
   html {
      font-size: 12px;
   }
   body {
      font-size: 12px;
   }
   .container {
      width: 908px!important;
      max-width: 908px!important;
   }
}

@media (max-width:540px) {
   .cuerpo-main {
      width: 100%;
   }
}

.navbar.fixed-left {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 1030;
}

@media (min-width: 768px) {
   .navbar.fixed-left {
      bottom: 0;
      width: 19.33em;
      flex-flow: column nowrap;
      align-items: flex-start;
   }
   .navbar.fixed-left .navbar-collapse {
      flex-grow: 0;
      flex-direction: column;
      width: 100%;
   }
   .navbar.fixed-left .navbar-collapse .navbar-nav {
      flex-direction: column;
      width: 100%;
   }
   .navbar.fixed-left .navbar-collapse .navbar-nav .nav-item {
      width: 100%;
   }
}

@media (min-width: 768px) {
   .navbar.fixed-left {
      right: auto;
   }
}

@media (max-width: 768px) {
   .navbar.fixed-left {
      position: relative;
      min-height: 87px;
   }
   div#redes-sociales {
      position: relative;
      bottom: 0;
   }
   .navbar-dark .navbar-brand {
      font-size: 7px;
   }
   .navbar-dark .navbar-brand span {
      font-size: 11px;
   }
   .logo-mobile {
      width: 34%;
   }
   #texto-destacado h2 {
      font-size: 15px;
   }
   #texto-destacado {
      height: 45px;
   }
   #titulo-timeline {
      margin-top: 0;
   }
   img#epg1 {
      display: none;
   }
   #oracion h2 {
      margin-top: 1em;
      text-align: center;
      font-size: 15px;
   }
   .oracion-texto {
      margin: 2em 2em 2em 2em;
   }
   #oracion h3 {
      font-size: 15px;
   }
   #oracion a {
      font-size: 12px;
   }
   #formularios .a h1 {
      font-size: 1.8em;
   }
   .col-md-6 .titulo-fondo {
      font-size: 2em;
   }
   #formularios h6 {
      font-size: 1em;
   }
   .ocultar-formulario {
      display: none;
   }
   .mostrar-boton {
      display: unset;
      color: white;
      text-decoration: none;
      padding: 8px 77px 8px 77px;
      background-color: #882436;
   }
   #formularios a:hover {
      color: white;
      text-decoration: none;
   }
   .mostrar-linea {
      display: unset;
   }
   footer .col-md-4 {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      text-align: center;
   }
   footer {
      padding-top: 16px;
      padding-bottom: 105px;
   }
   .navbar-dark .navbar-toggler-icon {
      background-image: url("images/hamburger-menu.svg)");
   }
   .single-interna .subtitulo h2 {
      font-size: 15px;
   }
   .single-interna .subtitulo {
      padding: 7px;
   }
   #contacto {
      background-color: #fff;
      padding-top: 17px;
      padding-bottom: 40px;
   }
   .enviar-contacto {
      justify-content: center;
   }
   #contacto p {
      font-size: 12px;
      color: #757479;
   }
   #contacto label {
      font-size: 12px;
   }
   .single-interna .titulo-fondo {
      /* font-size: 25px;*/
      margin-top: 10px;
   }
   .single-interna .titulo {
      padding-top: 0;
      margin-top: 20px;
      margin-bottom: 20px;
   }
   .single-interna .subtitulo {
      margin-top: 1em;
      margin-bottom: 2em;
   }
   .single-interna .subtitulo h2 {
      margin-bottom: 0;
   }
   [type="submit"]:not(:disabled) {
      width: 50%;
      margin-top: 2em;
      margin-bottom: 2em;
   }
   footer input {
      width: 100%;
   }
   .testimonio {
      margin-bottom: 2em;
   }
   .interna-template h2 {
      font-size: 35px;
      margin-bottom: 28px;
   }
   .titulo-mobile {
      font-size: 33px !important;
      top: 6px;
      position: relative;
   }
   .novedad-contenido:hover img {
      -webkit-filter: unset;
      filter: unset;
   }
   .novedad-contenido .overlay {
      background-color: #000000;
      opacity: 0.8;
   }
   #redes-sociales-mobile {
      display: flex;
      margin-top: 1em;
      margin-bottom: 1em;
   }
   #logo {
      display: none;
   }
   #logo-m {
      display: flex;
   }
   #logo-m .logo-mobile {
      width: 100%;
   }
   .navbar-brand {
      display: flex;
   }
   .navbar-dark .navbar-brand {
      font-size: 7px;
      width: 85%;
   }
   #single-novedad .row {
     /* width: 100%;*/
   }
   #single-novedad iframe {
      width: 100%;
   }

   #thalu #logo{
      display: flex;
   }
}