@import url('https://fonts.googleapis.com/css?family=Carrois+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+HK:100,300,400,500,700,900&display=swap');


@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

body {font-family: 'Raleway', sans-serif;}

.bg-dark {background-color: #6bbd59 !important;}

.navbar-dark .navbar-nav .nav-link {color: rgb(255, 255, 255);}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
    font-family: 'Raleway', sans-serif;
}

.nav-link {color: #fff; font-family: 'Raleway', sans-serif;}
.nav-link:hover {color: #fff;}

h5 { color: #007688; font-family: 'Raleway', sans-serif; line-height: 28px;}

.textos { color: #02124d; font-family: 'Raleway', sans-serif;}

.logo_caritas {/*width: 200px; margin-top: 38px;*/}



.texto_top1 {/*font-family: 'Carrois Gothic', sans-serif;*/ font-family: 'Noto Sans HK', sans-serif; /*font-size: 38px; letter-spacing: 6px;*/ color: #fff;}
.texto_top2 {/*font-family: 'Carrois Gothic', sans-serif;*/ font-family: 'Noto Sans HK', sans-serif; /*font-size: 25px; letter-spacing: 6px;*/ color: #fff; font-weight: 300;}
.texto_top3 {/*font-family: 'Carrois Gothic', sans-serif;*/ font-family: 'Noto Sans HK', sans-serif; /*font-size: 25px; letter-spacing: 3px;*/ font-style: italic;  color: #fff;}


.texto_pie {font-size: 14px; line-height: 18px; font-family: 'Raleway', sans-serif;}

.texto_actividades {font-family: 'Raleway', sans-serif; line-height: 21px; font-size: 15px;}

.nav-pills .nav-link {
    border-radius: 1.25rem;
}

.card-text {font-family: 'Raleway', sans-serif; font-size: 15px; line-height: 25px;}

.crop_text_notas {
   display: block;
max-width: auto;
 /*height: 172px;*/ /* alto máximo del div( debe tener directa relación con la cantidad de líneas a mostrar) o puedes calcularlo de esta forma: $font-size*$line-height*$lines-to-show */
 margin: 0 auto;
 -webkit-line-clamp: 3; /*Cantidad de líneas que desea mostrar*/
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;}

.imagen_nota { overflow: hidden; /*height: 278px;*/}
.borde_imagen_nota {border: 1px solid #ddd; border-radius: 5px;}

.parallax { 
    /* The image used */
   background-image: url(imagenes/parallax.png);
    /* Set a specific height */
    height: auto; 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}




.notice {
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 17px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.notice-sm {
    padding: 10px;
    font-size: 80%;
}

.notice-success {
    border-color: #005764;
}
.notice-success>strong {
    
}

.imagen_noticia_interior {/*width: 20%;*/}
.texto_noticia_interior {/*width: 78%;*/}
.leer_mas { color: #005764; font-size: 15px;}

.badge {
    font-size: 80%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}


.video {/*height: 250px;*/}




/*// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap*/

@media (max-width: 575px) {
.nav-link {
    display: block;
    padding: .3rem .7rem;
}

.texto_top1 {font-size: 20px; letter-spacing: 4px;}	
.texto_top2 {font-size: 17px; letter-spacing: 3px;}
.texto_top3 {font-size: 24px; letter-spacing: 3px; line-height: 28px;}	
.logo_caritas {width: auto; margin-top: 10px;}	
	
.imagen_nota {height: auto;}
.imagen_noticia_interior {width: 100%;}
.texto_noticia_interior {width: 100%;}
.crop_text_notas {height: auto;}
	
.video {height: auto;}
	
}


/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
.nav-link {
    display: block;
    padding: .5rem 1rem;
}
	
	
.texto_top1 {font-size: 32px; letter-spacing: 6px;}	
.texto_top2 {font-size: 25px; letter-spacing: 6px;}
.texto_top3 {font-size: 23px; letter-spacing: 3px;}	
.logo_caritas {width: auto; margin-top: 20px;}	
	
.imagen_nota {height: auto;}
.imagen_noticia_interior {width: 100%;}
.texto_noticia_interior {width: 100%;}
.crop_text_notas {height: auto;}
	
.video {height: auto;}
	
}


/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	
.texto_top1 {font-size: 32px; letter-spacing: 6px;}	
.texto_top3 {font-size: 25px; letter-spacing: 3px;}	
.logo_caritas {width: auto; margin-top: 16px;}	
	
.imagen_nota {height: 207px;}
.imagen_noticia_interior {width: 25%;}
.texto_noticia_interior {width: 72%;}
.crop_text_notas {height: 75px;}
	
.video {height: 250px;}
	
}


/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	
.texto_top1 {font-size: 32px; letter-spacing: 6px;}	
.texto_top3 {font-size: 19px; letter-spacing: 3px;}	
.logo_caritas {width: 230px; margin-top: 46px;}	
	
.imagen_nota {height: 232px;}
.imagen_noticia_interior {width: 20%;}
.texto_noticia_interior {width: 78%;}	
.crop_text_notas {height: 100px;}	
	
.video {height: 250px;}
	
}


/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

	.modal-dialog {
    max-width: 700px;
}
	
.texto_top1 {font-size: 38px; letter-spacing: 6px;}	
.texto_top3 {font-size: 25px; letter-spacing: 3px;}		

.imagen_nota {height: 278px;}
.crop_text_notas {height: 172px;}

.video {height: auto;}
	
}